JavaScript强化教程——jQuery AJAX 实例
2016-08-16 13:56
399 查看
什么是 AJAX?
AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XML)。
简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网页上进行显示。
使用 AJAX 的应用程序案例:谷歌地图、腾讯微博、优酷视频、人人网等等。
AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XML)。
简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网页上进行显示。
使用 AJAX 的应用程序案例:谷歌地图、腾讯微博、优酷视频、人人网等等。
jQuery load() 方法 jQuery load() 方法是简单但强大的 AJAX 方法。 load() 方法从服务器加载数据,并把返回的数据放入被选元素中。 语法: $(selector).load(URL,data,callback); 必需的 URL 参数规定您希望加载的 URL。 可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。 可选的 callback 参数是 load() 方法完成后所执行的函数名称。 这是示例文件("demo_test.txt")的内容: <h2>jQuery and AJAX is FUN!!!</h2> <p id="p1">This is some text in a paragraph.</p> 下面的例子会把文件 "demo_test.txt" 的内容加载到指定的 <div> 元素中: 示例 $("#div1").load("demo_test.txt");
<!DOCTYPE html> <html> <head> <script src="/jquery/jquery-1.11.1.min.js"> </script> <script> $(document).ready(function(){ $("#btn1").click(function(){ $('#test').load('/example/jquery/demo_test.txt'); }) }) </script> </head> <body> <h3 id="test">请点击下面的按钮,通过 jQuery AJAX 改变这段文本。</h3> <button id="btn1" type="button">获得外部的内容</button> </body> </html>
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— jQuery AJAX实例
相关文章推荐
- JavaScript强化教程——jQuery AJAX 实例
- JavaScript强化教程——jQuery AJAX 实例
- JavaScript强化教程——jQuery AJAX 实例
- JavaScript强化教程——jQuery AJAX 实例
- JavaScript强化教程——jQuery AJAX 实例
- Javascript & DHTML 实例编程(教程)DOM基础和基本API
- Javascript & DHTML 实例编程(教程)基础知识
- Javascript实例教程(19) 使用HoTMetal(6)
- Javascript实例教程(19) 使用HoTMetal(5)
- Javascript实例教程(19) 使用HoTMetal(1)
- javascript实例教程(2) 创建弹出式窗口
- Javascript & DHTML 实例编程(教程)(三)初级实例篇1―上传文件控件实例
- Javascript实例教程(20) OLE Automation(5)
- javascript实例教程(4) 探测浏览器插件
- 本人从网上搜集的最精,最全的JavaScript 正规表达式的教程和实例,附代解析,学正规表达式必备资料
- Javascript教程,javascript入门,javascript学习笔记(经典实例)
- Javascript & DHTML 实例编程(教程)(三)初级实例篇1―上传文件控件实例
- Javascript实例教程(19) 使用HoTMetal(7)
- Javascript实例教程(20) OLE Automation(4)
- Javascript实例教程(19) 使用HoTMetal(3)