用自己话了解Ajax的基本使用

ajax优点:异步局部刷新，不打断用户的操作，增强B/S架构的体验性

B/S:浏览器对服务器

C/S:客户端与服务器

 

ajax获取文本框中的值:$("文本框id").val()；

 

实例：function a1(){

     $.ajax({//ajax默认get提交

url:"${pageContext.request.contextPath}/控制器里的路径"， //url:提交的路径

data:{"控制器中方法的变量名"：$("文本框ID").val()}，//data:要传给控制器的参数：获取到文本框中的值

success:function(data){ //success:载入成功回调的函数

      console.log(data)；//data:封装了服务器返回的数据

      console.log(status)//status:状态

      }

       })

}

 

遍历一个list数据显示：

$（function(){

$("点击按钮的ID").click(function(){

        $.post("${pageContext.request.contextPath}/提交的路径地址")，function(data){

        conaole.log(data);

        var html = "";

        for(var i= 0;i<data.lenght;i++){

             html +="<tr>"+

              "<td>"+data[i].pojo类中的变量名+"</td>"+"</tr>"

}

$("#context").html(html);

}

})

}）

 

 

Ajax编写三部曲：

• 编写对应处理的Controller(控制器)，方悔消息或者字符床或者JSON格式
• 编写$.ajax请求：

1. URl:Controller中的方法访问路径
2. data:要传给Controller的参数
3. success:返回的函数显示给后端或者客户看

• 给Ajax绑定事件，点击click，失去焦点onblur,键盘弹起keyup

Ajax中get请求与Post请求的区别：

• 安全方面：Get是不安全的，因为他传的参数可以在浏览器中的Url上可见，Post他是不可见的别人获取不到所以说Post比Get安全
• 请求路径的长度：Get的长度是有限制的、他的限定长度根据浏览器的不同而不同而Post没有长度限制
• 速度方面：Get比Ajax速度要快，Get在发送请求后的到浏览器的回复就直接完成操作了但是Post在发送请求后要等到浏览器确认后它才会继续去提交数据给浏览器