jquery处理ajax返回json数据实例
今天我们讲讲jquery处理ajax返回json数据的实例,当我们在ajax中使用json的时候,很有可能是返回的数据要用到多个不同的地方。
比如,有两个div标签,ID分别div1和div2,想使用ajax获取数据,然后分别填充到这两个div,这时候使用json就非常方便了。
html代码<input type="button" name="btn" value="点击测试" onclick="ajax();" />
javascript代码function ajax(){
var url="test1.php";
$.ajax({
url: url,
type: 'get',
dataType:'json',
success: function (data){
$("#div1").html(data.div1);
$("#div2").html(data.div2);
}
});
}
php代码$div1="这是div1的内容";
$div2="这是div2的内容";
$data=array(
"div1"=>$div1,
"div2"=>$div2
);
echo json_encode($data);