原生步骤
1.触发事件(点击/焦点失去)
2.获取XMLHttpRequest对象
xhttp=new XMLHttpRequest()
3.建立链接
xhttp.open(“GET”,“${pageContext.request.contextPath}/admin1?methodname=myajax&name=bxq”)
形参1:get或者post提交
形参2:url地址
形参3:是否异步,不写默认为true
4.开始发送请求
xhttp.setRequestHeader()
xhttp.send()
5.等待服务器响应的结果
xhttp.onreadystatechange=function () {
if (this.readyState4&&this.status200){
var result=this.responseText;
alert(result)
}
}
jquery方法1
$("#btn").click(function () {
$.ajax({
url:"${pageContext.request.contextPath}/admin1?methodname=myajax&name=bxq",//请求的后端地址
type:"get", //type:请求的参数类型,post还是get.如果是get可以吧参数放在地址栏,如果是post提交,直接{key,value}json串
data:{name:bxq}
success:function (date) { //等待响应后获取到的用户内容
alert(date)
},error:function () { //响应失败后的
},
dateType:"text" //dateType:服务器响应的格式
})
})
jquery方法2
2.get提交
$("#btn").click(function () {
$.get("${pageContext.request.contextPath}/admin1?methodname=myajax&name=白晓强",function (data) {
alert(data)
},"text")
})
jquery3
$("btn").click(function () {
$.post("${pageContext.request.contextPath}/admin1",{"methodname=myajax","name=bxq"},function () {
},"text")
})
})