$.get、$.post 和 $().load()

一、$.get()

　　用于get方式进行异步请求。

　　结构：　$.get( url, data, callback, type)；

　　　　url  -  请求路径（string）;

　　　　data  -  发送至服务器的键值对数据 （object）;

　　　　callback  -  状态为success时的回调函数；

　　　　type  -  服务器返回内容格式（xml、html、script、json、text）。

　　例子：

$.get("login.php", { 
　　 username :  $("#username").val(), 
　　 password :  $("#password").val() }, 
4　　 function (data, textStatus){
        　　$("#box").html(data);     // 把返回的数据添加到页面上
    }
);

　　若从服务器获取多个值，可以根据需要设置返回类型：

$.get("login.php", { 
 　　 username :  $("#username").val(),  　　 
       password : $("#password").val() }, 
　　 function (data, textStatus){
         　　$("#box").html(data);     // 把返回的数据添加到页面上
     },'json'
);                        

 

二、$_POST()

　　用于post方式进行异步请求。

　　与$_GET( )用法一样。

 

三、$( ).load( )

　　用于远程载入html代码。

　　结构： load( url, data, callback)

　　1.载入html文档

$("#send").click(function(){
     $("#text").load("路径","test.html");
})

　　2.筛选载入html文档

　　如只需要载入 test.html 页面中class为 content 的内容：

$("#text").load("test.html  .content");

　　3.传递方法

　　load( )方法的传递方式根据 data 来自动指定，如果没有参数传递，采用get方式传递，否则会自动转换为post方式。

　　get方式：

$('#text').load('路径',function(){
    //...
});

　　post方式：

$('#text').load('路径',{name:'曹操',password:'123456'}，function(){
    //...
});

　　4. 回调函数

　　在加载完成后才会执行，回调函数由三个参数，分别是：请求返回的内容、请求状态、XMLHttpRequest对象

$("#text").load("路径",function (responseText, textStatus, XMLHttpRequest){         
        alert(responseText);         //请求返回的内容
        alert(textStatus);           //请求状态：success，error
        alert(XMLHttpRequest);       //XMLHttpRequest对象
});

　　注：  在load()方法中，无论Ajax请求是否成功，只要当请求完成(complete)后，回调函数(callback)就被触发。

 

来源：https://blog.csdn.net/csdn_yudong/article/details/52537609