<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("input[type=button]").click(function () {
$.ajax({
url: "aaa.xml",
datatype: "xml",
success: function (data) {
$(data).find("student").each(function () {
$("table").append("<tr><td>" + $(this).children("name").text() + "</td><td>" + $(this).children("age").text() + "</td><td>" + $(this).children("Gender").text() + "</td></tr>")
})
},
error: function () { alert("错误")}
})
})
})
</script>
</head>
<body>
<div><input type="button" value="加载"/></div>
<table><tr><th>姓名</th><th>年龄</th><th>性别</th></tr></table>
</body>
</html>
xml:
<?xml version="1.0" encoding="utf-8" ?>
<table>
<student>
<name>zhangsan</name>
<age>18</age>
<Gender>男</Gender>
</student>
<student>
<name>xiaofang</name>
<age>16</age>
<Gender>女</Gender>
</student>
</table>
不通过服务器！！！xml不就相当于你数据库么？不通过服务器 你怎么到数据库中取数据啊？
你以为ajax是什么啊？他还不是通过javascript到后台去取数据么？不刷新是因为前台用的脚本，而没扯到服务器！
说白了就是前台无刷新的去后台取数据，就是用js代码调用你的javascript代码，然后在前台无刷新的表现出来！
应该不能叫无刷新，而是局部刷新！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）