【问题标题】：ajax post call does not return any json response to jqueryajax post调用不返回任何对jquery的json响应
【发布时间】：2013-10-12 21:37:40
【问题描述】：

我遇到了 ajax post 类型调用的问题。当从 jquery 调用 ajax 调用时，我得到空白的 php json 响应。

以下是我使用的 html、jquery 和 php 代码，以便发送 HTML 表单数据并获取 json 响应。如果代码有任何问题或者它必须与浏览器设置。

我正在使用 jQuery src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"。同样使用 FirePHP 插件，我可以看到表单输入正确发送到 php。

 HTML Code
 =========

  <form id = "frmLogin" action ="" autocomplete="off" style="width:10em;margin:0 auto" method="post">
   User Email ID : <input type = "email" name ="loginId" autocomplete = "off">              
  Password    : <input type = "password" name = "password" autocomplete = "off"> 
  <input id= "clkLogin" type="Submit" value="Submit" >  
  </form>

JQuery Code
===========
$("#frmLogin").submit(function() {
    $.ajaxSetup( { cache: false });      
    $.ajax( {     
        url: "http://localhost/validateUser.php" , 
        cache:false, 
        type:"POST",
        async:true, 
        data: $("form#frmLogin").serialize(),
        success:function(data){
                    $("#loginPage").hide();
                    $("#Registered").hide(); 
                    $("#userHomePage").show();
                                     $("button#user").html(data.firstName);     
            }, dataType:"json" 
           });
         return false;  
        });

 PHP Code
 ========

 <?php
 require_once('FirePHPCore/fb.php');

 $con = mysqli_connect("localhost","root","kpns@123","spa");

 if(mysqli_connect_errno()) {
echo "MYSQL connection error ::" . mysqli_connect_error();
 }

 $sql = "select * from spausers where email_id = '$_POST[loginId]' and pswd ='$_POST[password]' "; 

 fb($sql,'SQL Query'); // FirePHP console log shows sql statement with  the correct inputs sent from HTML form

 $result = mysqli_query($con,$sql);

 fb($result,'mysqli_query result');

 while ($row = mysqli_fetch_array($result)) {
 $data =    array ('emailid'=>$row['email_id'],'firstName' => $row['first_name'],'lastName' => $row['last_name']);  

 fb(json_encode($data),'mysqli_query fetch array'); // FirePHP console log shows result in json format {"key" : "value", "key":"value"}  
 }
 header("Content-Type: application/json");

 echo json_encode($data);
mysqli_close($con);
 ?>

请求标头

接受*/*

接受编码 gzip，放气

Accept-Language en-US,en;q=0.5

内容长度 52

Content-Type application/x-www-form-urlencoded; charset=UTF-8

主机本地主机

原点为空

用户代理 Mozilla/5.0 (Windows NT 6.2; WOW64; rv:24.0) Gecko/20100101 Firefox/24.0

响应标头

连接保持活动

内容长度 85

内容类型应用程序/json

2013 年 10 月 6 日星期日 04:48:54 GMT

保持活动超时=5，最大值=100

服务器 Apache/2.2.25 (Win32) PHP/5.3.27

X-Powered-By PHP/5.3.27

【问题讨论】：

ajax成功函数是否正在运行？
dateType:"json" 有错字，应该是dataType
while 循环的结束 } 在哪里？
否 ajax 成功函数未运行。 dateType 实际上是一个错字。我使用了 dataType = 'json' 问题仍然存在。
虽然循环有一个右大括号。可能在格式化代码以使其适合stackoverflow时，它会被删除。只是为了添加有关此问题的更多信息。我可以在 firebug 中看到响应代码显示 200 ok，但在响应选项卡中它只是一个空白响应。只是想知道这个问题是否与 apache2.2 设置有关以提供 php 响应？期待您的所有意见/建议！！！

标签： javascript php jquery ajax json

【解决方案1】：

希望能帮到你

JQuery 代码

$("#frmLogin").submit(function() {

    // setup some local variables
    var $form = $(this);
    // Serialize the data in the form
    var serializedData = $form.serialize();
    $.ajaxSetup( { cache: false });      
    $.ajax( {  
        cache:false, 
        type:"POST",
        async:true, 
        dataType: "json",
        url: "http://localhost/validateUser.php",
        data: serializedData,
        success:function(data){
                $("#loginPage").hide();
                $("#Registered").hide(); 
                $("#userHomePage").show();
                $("button#user").html(data.firstName);     
        }
       });
     return false;  
    });

【讨论】：