jQuery学习教程二十三: jQuery - AJAX 简介
2017-03-24 16:29
281 查看
AJAX 是与服务器交换数据的艺术,它在不重载全部页面的情况下,实现了对部分网页的更新。
AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XML)。
简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网页上进行显示。
使用 AJAX 的应用程序案例:谷歌地图、腾讯微博、优酷视频、人人网等等。
您可以在我们的 AJAX 教程中学到更多有关 AJAX 的知识。
jQuery 提供多个与 AJAX 有关的方法。
通过 jQuery AJAX 方法,您能够使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本、HTML、XML 或 JSON - 同时您能够把这些外部数据直接载入网页的被选元素中。
提示:如果没有 jQuery,AJAX 编程还是有些难度的。
编写常规的 AJAX 代码并不容易,因为不同的浏览器对 AJAX 的实现并不相同。这意味着您必须编写额外的代码对浏览器进行测试。不过,jQuery 团队为我们解决了这个难题,我们只需要一行简单的代码,就可以实现 AJAX 功能。
在下面的章节,我们将学习到最重要的 jQuery AJAX 方法。
jQuery AJAX 实例
请点击下面的按钮,通过 jQuery AJAX 改变这段文本。
<!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>
什么是 AJAX?
AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XML)。简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网页上进行显示。
使用 AJAX 的应用程序案例:谷歌地图、腾讯微博、优酷视频、人人网等等。
您可以在我们的 AJAX 教程中学到更多有关 AJAX 的知识。
关于 jQuery 与 AJAX
jQuery 提供多个与 AJAX 有关的方法。通过 jQuery AJAX 方法,您能够使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本、HTML、XML 或 JSON - 同时您能够把这些外部数据直接载入网页的被选元素中。
提示:如果没有 jQuery,AJAX 编程还是有些难度的。
编写常规的 AJAX 代码并不容易,因为不同的浏览器对 AJAX 的实现并不相同。这意味着您必须编写额外的代码对浏览器进行测试。不过,jQuery 团队为我们解决了这个难题,我们只需要一行简单的代码,就可以实现 AJAX 功能。
jQuery AJAX 方法
在下面的章节,我们将学习到最重要的 jQuery AJAX 方法。
相关文章推荐
- jQuery学习教程(十):AJAX
- 【jQuery】jQuery官方基本教程的学习笔记4-异步Ajax
- [jQuery]学习笔记(一):jQuery的简介和安装教程
- 从零开始学习jQuery教程:jQuery简介(1)
- 使用jQuery处理AJAX请求的基础学习教程
- jQuery学习教程(十):AJAX
- 使用jQuery处理AJAX请求的基础学习教程
- jQuery学习教程二十四: jQuery - AJAX load() 方法
- [四天学会ajax]学习ajax教程第一天
- 比较简单的jquery教程 Easy Ajax with jQuery 中文版全集第1/3页
- 比较简单的jquery教程 Easy Ajax with jQuery 中文版全集第1/3页
- [四天学会ajax] 学习Ajax教程第三天,Ajax 中的高级请求和响应
- 学习Ajax教程第二天[JavaScript 和 Ajax 发出异步请求]
- jQuery之ajax学习总结
- 学习新事物:使用jquery+xml实现ajax简单实例
- 循序渐进学Ajax【01】--目前最好的学习Ajax的教程--浅显易懂,快速是上手
- [四天学会ajax]学习ajax教程第一天
- [四天学会ajax] 学习Ajax教程第三天,Ajax 中的高级请求和响应
- [四天学会ajax] 学习Ajax教程第二天,JavaScript 和 Ajax 发出异步请求
- [四天学会ajax]学习ajax教程第一天