小白教程
所有教程
关于
Search
172.70.100.61
172.70.100.61
参数设置
贡献
退出
操作
编辑
移动
保护
信息
历史
删除
查看“Ajax load”的源代码
本页内容
上一节:
Ajax_ajaxsuccess
下一节:
Ajax_serialize
因为以下原因,您没有权限编辑本页:
您请求的操作仅限属于该用户组的用户执行:
用户
您可以查看和复制此页面的源代码。
{{DISPLAYTITLE:load()}}[[Category:jquery ref ajax|14]] = jQuery load() 方法 = [[jquery ref ajax|jQuery AJAX 方法]] 把文件 "demo_test.txt" 的内容加载到指定的 <div> 元素: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("#div1").load("demo_test.txt"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button").click(function(){ $("#div1").load("/try/ajax/demo_test.txt"); }); }); </script> </head> <body> <div id="div1"><h2>使用 jQuery AJAX 修改文本内容</h2></div> <button>获取外部内容</button> </body> </html> </run> == 定义和用法 == load() 方法从服务器加载数据,并把返回的数据放置到指定的元素中。 '''注意:'''还存在一个名为 load 的 jQuery [[jquery ref events|事件]]方法。调用哪个,取决于参数。 == 语法 == <pre> $(selector).load(url,data,function(response,status,xhr))</pre> {| class="table table-striped table-hover" !width="50%"| 参数 !width="50%"| 描述 |- | url | 必需。规定您需要加载的 URL。 |- | data | 可选。规定连同请求发送到服务器的数据。 |- | function(response,status,xhr) | 可选。规定 load() 方法完成时运行的回调函数。 额外的参数: * response - 包含来自请求的结果数据 * status - 包含请求的状态("success"、"notmodified"、"error"、"timeout"、"parsererror") * xhr - 包含 XMLHttpRequest 对象 |} == 更多实例 == [[try.php?filename=tryjquery_ajax_load_data|生成 AJAX 请求,并通过该请求发送数据]] 如何使用 data 参数通过 AJAX 请求来发送数据(本实例在我们的 [[ajax aspphp|AJAX 教程]] 中解释过)。 [[try.php?filename=tryjquery_ajax_load_func|生成 AJAX 请求,并使用回调函数]] 如何使用 function 参数处理来自 AJAX 请求的数据结果。 [[try.php?filename=tryjquery_ajax_load_err|生成带有错误的 AJAX 请求]] 如何使用 function 参数来处理 AJAX 请求中的错误(使用 XMLHttpRequest 参数)。 [[jquery ref ajax|jQuery AJAX 方法]]
返回至“
Ajax load
”。
上一节:
Ajax_ajaxsuccess
下一节:
Ajax_serialize