jquery Ajax异步提交数据

开发工具与关键技术：Visual Studio 2015 与 jQuery
撰写时间：2020年5月5日

jquery Ajax异步提交数据
jQuery load() 方法

1. jQuery load() 方法是简单但强大的 AJAX 方法。
2. load() 方法从服务器加载数据，并把返回的数据放入被选元素中。

这是load()的语法：
$(selector).load(URL,data,callback);
load()的参数：

1. 必需的 URL 参数规定你希望加载的 URL。
2. 可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。
3. 可选的 callback 参数是 load() 方法完成后所执行的函数名称。

下面我们来看一个例子：
我们首先来给一个标题标签输入想要的文字

jQuery AJAX是个非常棒的功能！

再给p标签输入想要的文字并给它一个id

这是段落的一些文本。

然后再把从服务器加载数据放入被选元素中。
$("#div1").load(“demo_test.txt”);
这是原来的的效果

然后我们来看一下点击按钮之后的效果

我们看到的是从外部获取到的数据已经被放入被选元素中

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

元素中：
$("#div1").load(“demo_test.txt #p1”);
以下是效果图：

我们这里指定了id为p1的元素，所以点击按钮后就只获取到了p标签的文字。