<div id="container" ></div>
在用jquery发送ajax请求并返回结果后,迟陪码拼装html代码,码哪并将拼接后的结果放到div标签之间就可以了
<script>
function show(name){
$.post("groupAction_getAllByGroup.action",{name:name}, function(data){
var html=""
$(data.users).each(function(){
html+='.......' /乱则/此处拼装要显示的html代码
})
$('#container').html(html)//将拼装后的代码嵌入到<div>标签内。
})
}
</script>
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、保存代码并运行页面文件,打开浏览器查看效果,即可看到一个表格。
function loadData(){$.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)//往表单里面追加数誉察渣据
}
})
}
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)