ajax post調用不向jquery返回任何json響應

Question

我面臨ajax發布類型調用的問題。 當從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，放氣

接受語言en-US，en; q = 0.5

內容長度52

內容類型應用程序/ x-www-form-urlencoded； 字符集= UTF-8

主機本地主機

原點為空

用戶代理Mozilla / 5.0（Windows NT 6.2; WOW64; rv：24.0）Gecko / 20100101 Firefox / 24.0

響應標題

連接保持活動

內容長度85

內容類型應用程序/ json

日期，2013年10月6日，星期日，格林尼治標准時間

保持活動超時= 5，最大= 100

服務器Apache / 2.2.25（Win32）PHP / 5.3.27

X-Powered-by PHP / 5.3.27

Answer 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;  
    });