总结之Ajax进阶JQuery简写Ajax——$.post

.post相比$ajax更加简洁,代码更少、功能基本一样

$.post(url,{username:$username},function (data) {
        
    },'json');

一行代码就写完了,而且结构非常清晰,有Ajax基础的都看都懂。

参数

url(必须):发送请求的地址,String类型

data(可选):发送给后台的数据,以key/value形式{a:value1,b:value2},即json格式

callback(可选):请求成功后的回调函数。

type(可选):即第二个参数data的数据类型。如果有data传递给后台,则需要加上该类型。


$.ajax({
              type: 'post',//传输方法通常get和post
              url: "${pageContext.request.contextPath}/login",//Servlet请求路径
              data: {username:$username,password:$password},//向后台传输的数据
              dataType: "text",//数据格式通常text,json,xml
              success: function (data) {//ajax请求成功后,后台返回的数据
               }
          })

两种代码对比会更加明显。

猜你喜欢

转载自blog.csdn.net/IManiy/article/details/82633460