1.什么是AJAX?
AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XML)
在不重载整个网页的情况下,AJAX通过后台加载数据,并在网页上进行显示。
2.jQuery和AJAX
jQuery提供了多个与AJAX有关的方法。
通过jQuery AJAX方法,你可以使用HTTP Get和HTTP Post从远程服务器上请求文本,HTML,XML或JSON-同时你也可以把这些外部数据直接载入网页的被选元素中。
3.jQuery AJAX基本方法
(1)jQuery load()方法:jQuery load()方法是简单强大的AJAX方法。load()方法从服务器加载数据,并把返回的数据放入被选元素中。
语法:
$(selector).load(URL,data,callback); //必须的URL参数规定你希望加载的URL。 //可选的data参数规定与请求一同发送的查询字符串键/值对集合。 //可选的callback参数是load()方法完成后执行的函数名称。
(2)jQuery-AJAX get()和post()方法:jQuery get()和post()方法用于通过HTTP GET或POST请求从服务器请求数据和发送数据。
HTTP请求:GET和POST
两种在客户端和服务器进行请求-响应的常用方法是:GET和POST。
GET- 从指定的资源请求数据。(GET基本上用于从服务器获得数据,GET能返回缓存数据。)
POST-向指定的资源提交要处理的数据。(POST也可以用于从服务器获取数据,不过它不会缓存,并且他常被用于连同请求一起发送数据。)
jQuery $.get()方法:
$.get(url,data,callback); //必需的URL参数规定你希望请求的URL。 //可选的callback参数是请求成功后所执行的函数名。
使用$.get()方法从服务器上的一个文件中取回数据:
实例:
$("button").click(function(){ $.get("demo_test.asp",function(data,status){ alert("Data: " + data + "\nStatus: "+status); }); });
jQuery $.post()方法:
$.post(url,data,callback); //必需的URL参数规定你希望发送请求和数据的URL。 //可选的data参数是你要发送的数据。 //可选的callback参数是发送请求和数据成功后所执行的函数名。
下面的例子使用$.post()方法向服务器发送请求和数据:
$.post(url,data, function(data){ alert("Data Loaded: " + data); });
相关推荐
关于Ajax的常见面试题 1,Ajax和javascript的区别? javascript是一种在浏览器端执行的脚本语言,Ajax是一种创建交互式网页应用的开发技术 ,它是利用了一系列相关的技术其中就包括javascript。 Javascript是由...
本卷从最易于理解和使用的那部分入手,介绍ASP.NET AJAX框架中能够与传统ASP.NET无缝对接的服务器端部分,包括服务器端ASP.NET AJAX Extensions与ASP.NET AJAX Control Toolkit。这部分内容不需要读者有任何的客户端...
Android Webview虽然提供了页面加载及资源请求的钩子,但是对于h5的ajax请求并没有提供干涉的接口,这意味着我们不能在webview中干涉javascript发起的http请求,而有时候我们确实需要能够截获ajax请求并实现一些功能...
在ajax中使用post方法,用常规的参数格式:param1=a1¶m2=a2 ,当参数长度过长时,依然提交不成功。比如我们经常这样写一个ajax的post请求: $.ajax({ type: "post", // post or get contentType:"application...
ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件
ajax ajax原理 ajax代码 ajax编程 ajax学习
ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效
使用Ajax实现从服务器读取数据,包括Ajax实现的详细步骤
ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础...
学习的网上的一个ajax版注册程序,对界面进行了改变!是适合学习ajax的朋友的一个好的例子!
掌握 Ajax第 1 部分-Ajax 简介 掌握 Ajax第 2 部分-使用 JavaScript 和 Ajax 发出异步请求 掌握 Ajax第 3 部分-Ajax 中的高级请求和响应 掌握 Ajax第 4 部分-利用 DOM 进行 Web 响应 掌握 Ajax第 5 部分-操纵 DOM ...
ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件...
并应用上述知识开发了8个基于AJAX的Web应用系统,如基于AJAX的文件和图像处理、AJAX祝福墙、AJAX留言簿、AJAX聊天室、AJAX RSS阅读器、AJAX相册、基于AJAX的电子邮件处理等。最后以两个大型的AJAX Web应用系统(基于...
Ajax + JavaScript + MySQL 实现的Ajax分页功能
Ajax Ajax本质 Ajax本质源码 Ajax Ajax本质 Ajax本质源码 Ajax Ajax本质 Ajax本质源码
第 1 部分:Ajax 简介 第 2 部分:: 使用 JavaScript 和 Ajax 发出异步请求 第 3 部分: Ajax 中的高级请求和响应 第 4 部分: 利用 DOM 进行 Web 响应 第 5 部分: 操纵 DOM 第 6 部分: 建立基于 DOM 的 Web 应用程序 第...
ajax例子ajax例子ajax例子ajax例子ajax例子ajax例子ajax例子ajax例子ajax例子ajax例子ajax例子ajax例子ajax例子ajax例子
ajax 分页ajax 分页ajax 分页
看到网上很多想用ajax的树的例子,很奇怪,明明TreeView自带AJAX功能,取非要自己去写一大堆代码, 工作量增加了,而性能又没有提高多少 正好自己这次用到了,就做了一个例子,供大家一起研究参考 注:顺便下载了一...
ajax详解ajax详解ajax详解 ajax详解ajax详解ajax详解 ajax详解ajax详解ajax详解 ajax详解ajax详解ajax详解