用jQuery获取php的结果

时间:2015-01-31 11:24:41

标签: javascript php jquery

我有一个按钮,用我的html文件中的jQuery调用一个php文件,

<script>    
$('#mysubmit').bind('click', function(e){e.preventDefault();
var jqueryXHR = $.ajax({
                'type': 'POST',
                'url': 'http://localhost/lt/resources/lists/update.php',
                 'dataType': 'json'
               });
</script>
<input type="submit" id="mysubmit" value="Submit" />

它有效,但我不知道如何获取php文件的结果,即php文件工作,进行API POST并获得成功或错误的结果,但我不知道如何通过jQuery如果php文件响应成功或错误。

请帮助我,我是Ajax和Jquery的菜鸟。

3 个答案:

答案 0 :(得分:2)

你的php文件必须以echo回复:

<?php echo "success"; ?>

在您的请求中执行以下操作:

$.ajax({
        'type': 'POST',
        'url': 'http://localhost/lt/resources/lists/update.php',
        'dataType': 'json'
        }).done(function(response){ /*DO SOMETHING WITH response*/ });

答案 1 :(得分:1)

尝试添加成功\错误处理程序以查看响应:

var jqueryXHR = $.ajax({
                type: 'POST',
                url: 'http://localhost/lt/resources/lists/update.php',
                dataType: 'json',
                success: function(data) {
                  console.log(data);
                }
});

但是,您应该遵循@skobaljic的建议,并使用可识别的响应格式(如JSON或XML),以便更容易解析和更专业。

使用PHP它看起来像这样:

<?php

   $result = ..... whatever you like to return here ...
   header('Content-Type: application/json');       
   echo json_encode($result);

?>

答案 2 :(得分:1)

使用jquery ajax成功属性。

    <script>    
     $('#mysubmit').bind('click', function(e){e.preventDefault();
         var jqueryXHR = $.ajax({
            'type': 'POST',
            'url': 'http://localhost/lt/resources/lists/update.php',
             'dataType': 'json',
             'success' : function(returnData){
               alert(returnData); // or
               console.log(returnData);
             }
           });
   </script>
   <input type="submit" id="mysubmit" value="Submit" />

每一个你在PHP方面打印的东西都会在&#34;成功&#34;功能