jQuery 是一款优秀的 JavaScript 库,其中的 load() 函数是其常用的 Ajax 方法之一。load() 函数可以通过基本的 HTTP GET 或 POST 请求从服务器加载数据,并将响应输出到 HTML 元素中。下面我们来详细介绍这个函数的使用。
$(selector).load(url, data, callback);
load() 函数有三个参数:
url
:要加载数据的 URL 地址。data
(可选):要发送到 URL 的参数。callback
(可选):加载完成后要执行的函数。其中,url 是必需的,用于指定要从服务器加载的页面资源的地址。如果需要向服务器发送参数,则可以在 data 中指定。callback 参数是加载完成后要执行的函数,可选项。
$(document).ready(function(){$("button").click(function(){$("#div1").load("demo_test.txt");});});
上面的代码演示了如何使用 load() 函数从服务器加载一个文本文件,并将其输出到一个 HTML 元素中。在这个例子中,我们使用了$(document).ready()
函数来在页面加载完成后执行 JavaScript 代码。
$(document).ready(function(){$("button").click(function(){$("#div1").load("demo_test.txt #p1");});});
load() 函数还支持指定要加载的页面内容的选择器。在上面的代码中,我们只加载了 demo_test.txt 文件中 ID 为p1
的段落。
总之,load() 函数是一个非常有用的 Ajax 方法,可以让我们通过 JavaScript 代码从服务器加载数据,并将其动态地插入到页面中。