$.ajax({
type: "POST",
url: "",
dataType: "xml",
success: function(returnedData){
var html = ""
var tdHead = "<td>"
var tdFoot = "</span></div></td>"
$(returnedData).find('student').each(function(i){
var id = $(this).find('id').text()
var name = $(this).find('name').text()
var age = $(this).find('age').text()
html +=
tdHead + name + tdFoot +
tdHead + age + tdFoot + "</tr>"
})
$("#t2 tr:gt(0)").remove()//这一句清空上一次的请求数据
$("#t2").append(html)//往表单里面追加数据
}
})
}
1、打开HBuilderX工具,创建Web项目,新建静态页面ajax.html。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、保存代码并运行页面文件,打开浏览器查看效果,即可看到一个表格。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)