2、打开已新建的ajax.html文件,引入jquery文件并修改title标签内容。
3、在标签中,插入一个div标签,并在div标签中插入一个table。
4、接着在项目中的data文件夹下,新建user.json文件。
5、打开user.json文件,添加json格式数据。
6、在标签中,jquery初始化函数,调用ajax()方法读取json文件数据,返回成功后,将数据渲染加到table中。
7、再添加一个style标签,利用元素选择器设置表格样式。
8、保存代码并运行页面文件,打开浏览器查看效果,即可看到一个表格。
//调用一般处理程序 将你的DataTable转为json Response.Write(json) var para = {"actionname":"xx"
} //定义好你需要传的参数
$.ajax({
url: location.href, //url地址
type: "POST",
data: para,//模拟个数据
success: function (result) {
//我这里返回的是text
if (result != "" && result != undefined) {
var data = JSON.parse(result) //所以这里转了一不json 如果你返回的直接是json就不用转了直接 *** 作result
var tempHtml = ""
for(var i = 0 i< data.length i++)
{
tempHtml += "<tr><td>"+data[i]["name"]+"</td></tr>"
}
$("table").append(tempHtml) //添加你拼接好的html到table里
}
}, error: function (err) {
}
})
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)