演示：jQuery Ajax使用JSON Return调用PHP脚本

我已经尝试了这个教程http://labs.jonsuh.com/jquery-ajax-php-json/，但是它不起作用，我完全遵循了方向。 我认为这是因为return.php。

的index.html

    $("document").ready(function(){ $(".js-ajax-php-json").submit(function(){ var data = { "action": "test" }; data = $(this).serialize() + "&" + $.param(data); $.ajax({ type: "POST", dataType: "json", url: "response.php", data: data, success: function(data) { $(".return").json( "Favorite beverage: " + data["favorite_beverage"] + "
Favorite restaurant: " + data["favorite_restaurant"] + "
Gender: " + data["gender"] + "
JSON: " + data["json"] ); alert("Form submitted successfully.\nReturned json: " + data["json"]); } }); return false; }); });    
    Male Female   
 
 [HTML is replaced when successful.] 
   

response.php

Answer 1

这就是你的html看起来像……

HTML：

        
    Male Female   
 
 [HTML is replaced when successful.] 
   

PHP保持不变为response.php

神奇的变化是

  $(".return").json(....) 

成功回调

  $(".return").html(....)