奇妙なjQuery AJAXの問題

Question

私は、PHPページからデータを取得し、プレースホルダにロード中のGIFイメージを使用して、結果が途中であることをユーザーに知らせるために、jQuery AJAXを使用しています。私はトリガーをクリックして、私はPOSTが行くと戻ってくると、データが正しいことがわかりますFirebugのコンソールを開き

$(".project").change(function(){ 
      $(".custName").html("<img src='/admin/images/ajax-loader.gif' />"); 
      $(".projectDesc").html("<img src='/admin/images/ajax-loader.gif' />"); 
      var project_num=$(this).val(); 
      var dataString = 'project='+ project_num; 

       $.ajax 
        ({ 
         type: "POST", 
         url: "customerfilter.php", 
         dataType: "json", 
         data: dataString, 
         cache: false, 
         success: function(data) 
         { 
          $(".custName").html(data.message1); 
          $(".projectDesc").html(data.message2); 
         } 
        }); 


     }); 

。しかし、ロード中のGIFは決して消えず、正しいデータに置き換えられることはありません。理由はありません。

これは、Firebugののスクリーンショットと応答ウィンドウです：

​​

相対PHP：

while ($row = mysql_fetch_array($result)) { 
       echo json_encode(array(
        "message1" => $row['cust_name'], 
        "message2" => $row['description'], 
       )); 

$結果は、私は同様の問題に遭遇してきたのmysql_query

Answer 1

:-)デバッグを支援し続けることができます持っているすべての新しい情報。これを試してみてください：

$output = Array(); 
while ($row = mysql_fetch_array($result)) { 
       $output[] = Array(
        "message1" => $row['cust_name'], 
        "message2" => $row['description'], 
       ); 
} 
echo json_encode($output); 

EDIT：さらに、あなたもjavascriptのコールバックあなたの「成功」を変更する必要があります。

success: function(data) { 
    $(".custName, .projectDesc").empty(); 
    for(var x in data) { 
    $(".custName").append(data[x].message1); 
    $(".projectDesc").append(data[x].message2); 
    } 
} 

Answer 2

ですタイプをJSONに設定するとき。 PHPが正しいJSONを100％返さない場合、jQueryはsuccess関数を実行しません。

だから、これを試してみてください。それは呼ばれていたときにあなたが見ることができるように

1. はsuccess方法の内console.log("success was called")文を入れてください。

2. json_encode機能を使用して、PHPコードが適切なJSONを作成していることを確認してください。

3. ポストあなたは私たちは、あなたが応答が有効なJSONされていないことを