jQuery-w3school（2024

（二）jQuery laod()加载

1.jQuery load() 方法是简单但强大的 AJAX 方法。

load() 方法从服务器加载数据，并把返回的数据放入被选元素中。

$(selector).load(URL,data,callback);

必需的 URL 参数规定您希望加载的 URL。

可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。

可选的 callback 参数是 load() 方法完成后所执行的函数名称。

2.也可以把 jQuery 选择器添加到 URL 参数。下面的例子把 “demo_test.txt” 文件中 id=“p1” 的元素的内容，加载到指定的 <div> 元素中：

$(“#div1”).load(“demo_test.txt #p1”);

这是示例文件（“demo_test.txt”）的内容：

jQuery and AJAX is FUN!!!

This is some text in a paragraph.

3.可选的 callback 参数规定当 load() 方法完成后所要允许的回调函数。回调函数可以设置不同的参数：

·responseTxt - 包含调用成功时的结果内容

·statusTXT - 包含调用的状态

·xhr - 包含 XMLHttpRequest 对象

下面的例子会在 load() 方法完成后显示一个提示框。如果 load() 方法已成功，则显示“外部内容加载成功！”，而如果失败，则显示错误消息：

使用 jQuery AJAX 来改变文本

获得外部内容

（三）jQuery get和post

1. 两种在客户端和服务器端进行请求-响应的常用方法是：GET 和 POST。

• GET - 从指定的资源请求数据。GET 基本上用于从服务器获得（取回）数据。

·GET 请求可被缓存

·GET 请求保留在浏览器历史记录中

·GET 请求可被收藏为书签

·GET 请求不应在处理敏感数据时使用

·GET 请求有长度限制

·GET 请求只应当用于取回数据

/test/demo_form.asp?name1=value1&name2=value2

• POST - 向指定的资源提交要处理的数据。POST 也可用于从服务器获取数据。不过，POST 方法不会缓存数据，并且常用于连同请求一起发送数据。

·POST 请求不会被缓存

·POST 请求不会保留在浏览器历史记录中

·POST 不能被收藏为书签

·POST 请求对数据长度没有要求

POST /test/demo_form.asp HTTP/1.1

Host: w3schools.com

name1=value1&name2=value2

2. $.get() 方法通过 HTTP GET 请求从服务器上请求数据。

$.get(URL,callback);

必需的 URL 参数规定您希望请求的 URL。

可选的 callback 参数是请求成功后所执行的函数名。

下面的例子使用 $.get() 方法从服务器上的一个文件中取回数据：

$(“button”).click(function(){

$.get(“demo_test.asp”,function(data,status){

alert("Data: " + data + "\nStatus: " + status);

});

});

$.get() 的第一个参数是我们希望请求的 URL（“demo_test.asp”）。

第二个参数是回调函数。第一个回调参数存有被请求页面的内容，第二个回调参数存有请求的状态。

“demo_test.asp”

<%

response.write(“This is some text from an external ASP file.”)

%>

3.$.post() 方法通过 HTTP POST 请求从服务器上请求数据。

$.post(URL,data,callback);

必需的 URL 参数规定您希望请求的 URL。

可选的 data 参数规定连同请求发送的数据。

可选的 callback 参数是请求成功后所执行的函数名。

下面的例子使用 $.post() 连同请求一起发送数据：

$(“button”).click(function(){

$.post(“demo_test_post.asp”,

{

name:“Donald Duck”,

city:“Duckburg”

},

function(data,status){

alert("Data: " + data + "\nStatus: " + status);

});

});

$.post() 的第一个参数是我们希望请求的 URL (“demo_test_post.asp”)。

然后我们连同请求（name 和 city）一起发送数据。

“demo_test_post.asp” 中的 ASP 脚本读取这些参数，对它们进行处理，然后返回结果。

第三个参数是回调函数。第一个回调参数存有被请求页面的内容，而第二个参数存有请求的状态。

“demo_test_post.asp”