jQuery load() 方法

jQuery load() 方法

jQuery AJAX 方法 jQuery AJAX 方法

实例

把文件 "demo_test.txt" 的内容加载到指定的 <div> 元素:

$("button").click(function(){
$("#div1").load("demo_test.txt");
});

尝试一下 »

定义和用法

load() 方法从服务器加载数据,并把返回的数据放置到指定的元素中。

注意:还存在一个名为 load 的 jQuery 事件方法。调用哪个,取决于参数。


语法

$(selector).load(url,data,function(response,status,xhr))

参数 描述
url 必需。规定您需要加载的 URL。
data 可选。规定连同请求发送到服务器的数据。
function(response,status,xhr) 可选。规定 load() 方法完成时运行的回调函数。

额外的参数:
  • response - 包含来自请求的结果数据
  • status - 包含请求的状态("success"、"notmodified"、"error"、"timeout"、"parsererror")
  • xhr - 包含 XMLHttpRequest 对象


实例

更多实例

生成 AJAX 请求,并通过该请求发送数据
如何使用 data 参数通过 AJAX 请求来发送数据(本实例在我们的 AJAX 教程 中解释过)。

生成 AJAX 请求,并使用回调函数
如何使用 function 参数处理来自 AJAX 请求的数据结果。

生成带有错误的 AJAX 请求
如何使用 function 参数来处理 AJAX 请求中的错误(使用 XMLHttpRequest 参数)。


jQuery AJAX 方法 jQuery AJAX 方法

目录

jQuery 教程

jQuery 教程导读
jQuery 简介
jQuery 安装
jQuery 语法
jQuery 选择器
jQuery 事件

jQuery 效果

jQuery 效果 – 隐藏和显示
jQuery 效果 – 淡入淡出
jQuery 效果 – 滑动
jQuery 效果 – 动画
jQuery 效果 – 停止动画
jQuery Callback 方法
jQuery Chaining

jQuery HTML

jQuery 捕获
jQuery 设置
jQuery 添加元素
jQuery 删除元素
jQuery CSS 类
jQuery css() 方法
jQuery 尺寸

jQuery 遍历

jQuery 遍历
jQuery 遍历 – 祖先
jQuery 遍历 – 后代
jQuery 遍历 – 同胞(siblings)
jQuery 遍历 – 过滤

jQuery Ajax

jQuery AJAX 简介
jQuery – AJAX load() 方法
jQuery – AJAX get() 和 post() 方法

jQuery 其他

jQuery 与其他框架兼容

jQuery 实例

jQuery 实例
jQuery 编程实战闯关

jQuery 参考手册

jQuery 选择器
jQuery 事件方法
jQuery 效果方法
jQuery HTML / CSS 方法
jQuery 遍历方法
jQuery AJAX 方法
jQuery 杂项方法
jQuery 属性

jQuery 插件

jQuery Validate插件(表单验证)
jQuery Accordion插件(折叠菜单)
jQuery Cookie 插件
jQuery Autocomplete插件(自动补齐)
jQuery Growl 插件(消息提醒)
jQuery Password Validation(密码验证)
jQuery Prettydate
jQuery Tooltip
jQuery Treeview

拓展阅读

多个精美的jquery进度条代码素材下载
jquery下拉菜单(导航)代码汇总下载
12个方便易用的jquery表单验证插件推荐下载
8个优质jquery分页插件推荐下载
jQuery 3.0 新增了哪些特性?(jQuery 3 所引入的那些最重要的变化)
jQuery 备忘单

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }