这是ajax原生态的写法，并没有jquery进行封装：
<script type="text/javascript" src="${pageContext.request.contextpath}/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(function(){
$("#ajax").click(function(){
//创建xhr
var xhr;
if(window.ActiveXObject){//IE
xhr=new ActiveXObject("Microsoft.XMLHTTP");
}else if(window.XMLHttpRequest){//webkit,IE7+
xhr=new XMLHttpRequest();
}
//初始化xhr
xhr.open("get","${pageContext.request.contextpath}/ajax/query");
//发送请求
xhr.send();
//监听响应
xhr.onreadystatechange=function(){
if(xhr.readyState==4 && xhr.status==200){
var ret = xhr.responseText;
//解析json转换为js对象
var users = $.parseJSON(ret);
$("tbody>tr:gt(0)").remove();
for(var i=0;i<users.length;i++){
var id = users[i].id;
var name=users[i].name;
var birthday = users[i].birthday;
//dom显示更新
$("tbody").append(
"<tr>"+
"<td>"+id+"</td>"+
"<td>"+name+"</td>"+
"<td>"+birthday+"</td>"+
"</tr>"
);
};
};
};
});
});
</script>
原文地址：https://www.jb51.cc/ajax/161172.html
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
