ajax绑值,AJAX请求,返回json进行页面绑值

前台代码：

index.html

去往含有ajax的页面

点我!

queryList.html

AJAX请求,返回json进行页面绑值

var name = "测试"; //测试与后台的连通性

var phone = "1234";

/* ajax请求 */

$.ajax({

url : "http://localhost:8080/Ajax_demo/backjson.do",

type : "post",

data : {

"name" : name,

"phone" : phone,

},

dataType : "json",

success : function(data) {

//alert(data);

//console.log(data);

//alert(data.meta.message);

for ( var key in data) {

var html = '

if (key == "meta") {

for ( var key1 in data[key]) {

console.log(data[key][key1]);

//alert(key1+":"+data[key][key1]);

var obj = data[key][key1];

html += '

'

html += '

' + key1 + ":" + '';

html += '

' + obj + '';

html += '

'

}

html += '

';

console.log(html);

$('#div1').append(html);

}

//赋值到表格与div

//$("#table tr").eq(1).find("td").html("111"); //添加到第一行

$("#td1").html(data[key].success); //绑定数据

$("#td2").html(data[key].message);

$(".top").val("1234"); //给input表单绑定数据

$(".bottom").html("1234"); //给div绑定数据

$(".foot").html(key + ":" + data[key]); //给div绑定数据

//alert(key+":"+data[key]);

}

}

});

测试

---

---

success:

message:

---

---

---