Ajax---狂神说
Ajax
AjAX=Asynchronous javaScript and XML(异步的javaScript和XML)。
Ajax不是一种新的编程语言,而是一种用于创建更好更快以及交互性更强的Web应用程序的技术
C/S
增加B/S的体验性
B/S:未来的主流,并且会爆发式的持续增长;
H5+网页+客户端+手机端
Copy
ajax 写法
Copy<script type="text/javascript">
function a1() {
//所有参数:
//url:待载入页面的URL地址,Json
//data:待发送Key/value参数
//success:载入成功时回调函数
//data:封装了服务器返回的数据
//status:状态
$.ajax({
url:"${pageContext.request.contextPath}/ajax/a1",
data:{"name":$("txtName").val()},
success:function (data,status) {
console.log(data)
console.log(status)
}
});
//将文本输入的值,
$("txtName").val();
// //发送给服务器,
// //接受服务器返回的数据
}
Copy<script>
$(function(){
$("#btn").click(function(){
$.post("${pageContest.request.contextPath}/ajax/a2",function(data){
console.log(data);
var html="";
for(var i=0;i<data.length;i++){
html+="<tr>"+
"<td>"+data[i].name+"</td>"+
"<td>"+data[i].age+"</td>"+
"<td>"+data[i].sex+"</td>"+
"</tr>"
}
$("#content").html(html);
})
})
})
</script>
第三种
Copy