怎么用ajax将后台List取出并在前台jsp页面做显示???

怎么用ajax将后台List取出并在前台jsp页面做显示???,第1张

你可以在当前的页面中添加一个<div>标签,如

<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)//往表单里面追加数誉察渣据

}

})

}


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/8033484.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-12
下一篇 2023-04-12

发表评论

登录后才能评论

评论列表(0条)

保存