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

一、$.get()

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

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

　　　　url - 请求路径（string）;

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

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

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

　　例子：

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

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

$.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文档

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

　　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，erroralert(XMLHttpRequest);       //XMLHttpRequest对象
});

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

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

转载于:https://www.cnblogs.com/wsybky/p/8762931.html

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

最新文章

热门文章