jQuery ajax |
您所在的位置:网站首页 › jquery无法加载 › jQuery ajax |
w3school 在线教程
HTML 系列教程
浏览器脚本
服务器脚本
编程教程
XML 系列教程
建站手册
参考手册
jQuery 教程
jQuery 教程
jQuery 简介
jQuery 安装
jQuery 语法
jQuery 选择器
jQuery 事件
jQuery 效果
jQuery 隐藏/显示
jQuery 淡入淡出
jQuery 滑动
jQuery 动画
jQuery stop()
jQuery Callback
jQuery Chaining
jQuery HTML
jQuery 获取
jQuery 设置
jQuery 添加
jQuery 删除
jQuery CSS 类
jQuery css()
jQuery 尺寸
jQuery 遍历
jQuery 遍历
jQuery 祖先
jQuery 后代
jQuery 同胞
jQuery 过滤
jQuery AJAX
jQuery AJAX 简介
jQuery 加载
jQuery Get/Post
jQuery 杂项
jQuery noConflict()
jQuery 实例
jQuery 实例
jQuery 测验
jQuery 参考手册
jQuery 参考手册
jQuery 选择器
jQuery 事件
jQuery 效果
jQuery 文档操作
jQuery 属性操作
jQuery CSS 操作
jQuery Ajax
jQuery 遍历
jQuery 数据
jQuery DOM 元素
jQuery 核心
jQuery 属性
建站手册
网站构建
万维网联盟 (W3C)
浏览器信息
网站品质
语义网
职业规划
网站主机
关于 W3School
帮助 W3School
jQuery ajax - load() 方法
jQuery Ajax 参考手册 实例使用 AJAX 请求来改变 div 元素的文本: $("button").click(function(){ $("div").load('demo_ajax_load.txt'); });亲自试一试 您可以在页面底部找到更多 TIY 实例 定义和用法load() 方法通过 AJAX 请求从服务器加载数据,并把返回的数据放置到指定的元素中。 注释:还存在一个名为 load 的 jQuery 事件方法。调用哪个,取决于参数。 语法 load(url,data,function(response,status,xhr)) 参数 描述 url 规定要将请求发送到哪个 URL。 data 可选。规定连同请求发送到服务器的数据。 function(response,status,xhr)可选。规定当请求完成时运行的函数。 额外的参数: response - 包含来自请求的结果数据 status - 包含请求的状态("success", "notmodified", "error", "timeout" 或 "parsererror") xhr - 包含 XMLHttpRequest 对象 详细说明该方法是最简单的从服务器获取数据的方法。它几乎与 $.get(url, data, success) 等价,不同的是它不是全局函数,并且它拥有隐式的回调函数。当侦测到成功的响应时(比如,当 textStatus 为 "success" 或 "notmodified" 时),.load() 将匹配元素的 HTML 内容设置为返回的数据。这意味着该方法的大多数使用会非常简单: $("#result").load("ajax/test.html");如果提供回调函数,则会在执行 post-processing 之后执行该函数: $("#result").load("ajax/test.html", function() { alert("Load was performed."); });上面的两个例子中,如果当前文档不包含 "result" ID,则不会执行 .load() 方法。 如果提供的数据是对象,则使用 POST 方法;否则使用 GET 方法。 加载页面片段.load() 方法,与 $.get() 不同,允许我们规定要插入的远程文档的某个部分。这一点是通过 url 参数的特殊语法实现的。如果该字符串中包含一个或多个空格,紧接第一个空格的字符串则是决定所加载内容的 jQuery 选择器。 我们可以修改上面的例子,这样就可以使用所获得文档的某部分: $("#result").load("ajax/test.html #container");如果执行该方法,则会取回 ajax/test.html 的内容,不过然后,jQuery 会解析被返回的文档,来查找带有容器 ID 的元素。该元素,连同其内容,会被插入带有结果 ID 的元素中,所取回文档的其余部分会被丢弃。 jQuery 使用浏览器的 .innerHTML 属性来解析被取回的文档,并把它插入当前文档。在此过程中,浏览器常会从文档中过滤掉元素,比如 , 或 元素。结果是,由 .load() 取回的元素可能与由浏览器直接取回的文档不完全相同。 注释:由于浏览器安全方面的限制,大多数 "Ajax" 请求遵守同源策略;请求无法从不同的域、子域或协议成功地取回数据。 更多实例 例子 1加载 feeds.html 文件内容: $("#feeds").load("feeds.html"); 例子 2与上面的实例类似,但是以 POST 形式发送附加参数并在成功时显示信息: $("#feeds").load("feeds.php", {limit: 25}, function(){ alert("The last 25 entries in the feed have been loaded"); }); 例子 3加载文章侧边栏导航部分至一个无序列表: HTML 代码: jQuery Links:jQuery 代码: $("#links").load("/Main_Page #p-Getting-Started li"); 更多 TIY 实例 生成 AJAX 请求,并通过该请求发送数据 如何使用 data 参数通过 AJAX 请求来发送数据。(本例在 AJAX 教程中解释过。) 生成 AJAX 请求,并使用回调函数 如何使用 function 参数处理来自 AJAX 请求的数据结果。 生成带有错误的 AJAX 请求 如何使用 function 参数来处理 AJAX 请求中的错误(使用 XMLHttpRequest 参数)。jQuery Ajax 参考手册 jQuery 参考手册 jQuery 测验W3School 简体中文版提供的内容仅用于培训和测试,不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关。版权所有,保留一切权利。 使用条款 隐私条款 技术支持:赢科 蒙ICP备06004630号 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |