AJAX的原生步骤以及jquery步骤

原生步骤
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")
        })
    })