AJAX 是什么
AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。
AJAX = Asynchronous JavaScript and XML。
AJAX 是一种用于创建快速动态网页的技术。
AJAX 通过在后台与服务器进行少量数据交换,使网页实现异步更新。这意味着可以在不重载整个页面的情况下,对网页的某些部分进行更新。
传统的网页(不使用 AJAX)如果需要更新内容,必须重载整个页面。
有很多使用 AJAX 的应用程序案例:Google Maps、Gmail、Youtube 和 Facebook。
AJAX 如何工作
AJAX 基于因特网标准
AJAX 基于因特网标准,并使用以下技术组合:
- XMLHttpRequest 对象(与服务器异步交互数据)
- JavaScript/DOM(显示/取回信息)
- CSS(设置数据的样式)
- XML(常用作数据传输的格式)
AJAX 应用程序与浏览器和平台无关的!
谷歌搜索建议
随着谷歌搜索建议功能在 2005 的发布,AJAX 开始流行起来。
谷歌搜索建议(Google Suggest) 使用 AJAX 创造出动态性极强的 web 界面:当您在谷歌的搜索框中键入内容时,JavaScript 会把字符发送到服务器,服务器则会返回建议列表。
相关推荐
jquery ajax实例点击按钮触发Ajax loading jquery ajax实例点击按钮触发Ajax loading jquery ajax实例点击按钮触发Ajax loading
Ajax快速搜索结果程序实现当用户在搜索框中输入内容时,可快速显示搜索结果的功能。默认是PHP程序,用户完可以移植到非PHP网站系统中。 使用说明: 用户需要修改三个文件来实现将Ajax快速搜索结果功能在自己的...
插 件 名:PJBLOG AJAX 留言板 发布时间:2007-02-28 修正时间:2007-03-16 版 本 号:1.0 适用版本:2.6 作 者:JAY 功能说明: 引用: 可以就地发布留言、编辑留言、删除留言、发布回复、编辑回复、删除...
基于ASP.NET AJAX全国省市县三级联动,UI布局+服务端源码,代码都在文档里,适合初学者学习参考
本文实例分析了ajax请求之返回数据的顺序问题。分享给大家供大家参考,具体如下: ajax请求一个url,php后端处理后,数组为如下格式: 代码如下:$a = array( ‘-1’=> 10 ,’-3′ => 2, ‘0’ => ‘5’ ,’-2′ => ...
smajax,基于jQuery的api可配置ajax包。安装[removed] [removed]必须先引入 jQuery(任何版本)[removed] [removed]用法初始化请求var SmartAJAX = new smajax({ dataType: 'json' });初始化选项:POST ...
举个例子:普通B/S模式(同步) AJAX技术(异步) * 同步:提交请求->等待服务器处理->处理完毕返回 这个期间客户端浏览器不能干任何事 * 异步: 请求通过事件触发->服务器处理(这时浏览器仍然可以作其他事情)->处理...
AJAX POST与get提交数据的差别,喜欢了解详细内容的朋友可以下载学习!
本节简介(异步链接服务器对象)XMLHTTPRequest以及AJAX的简介。 AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML)。 AJAX有四个方面的好处:1.即减轻了服务器的负担。2带来了更好的用户体验。3....
在前台通过动态添加script标签及src属性,表面看上去与ajax极为相似,但是,这和ajax并没有任何关系;为了便于使用及交流,逐渐形成了一中非正式传输协议,人们把它称作 jsonp 。 代码如下: html: <body> ...
Ajax简介这一部分我们主要是谈一下ajax的起源,ajax是什么?因为这些是跟技术无关的。所以,大多细节都是一笔带过。 Ajax的起源? Ajax一词源于2005年 Jesse James Garrett发表的一篇题为”Ajax:A new ...
举个例子:普通B/S模式(同步) AJAX技术(异步) * 同步:提交请求->等待服务器处理->处理完毕返回 这个期间客户端浏览器不能干任何事 * 异步: 请求通过事件触发->服务器处理(这时浏览器仍然可以作其他事情)->处理...
本文实例为大家分享了ajax提交时校验表单的方法,供大家参考,具体内容如下 方法一: 代码示例: 巧妙设计之处:ajax提交的话,不能够进行校验拦截,设置一个flag来判断,很巧妙的设计之处,故收藏! function ...
首先是在PHP文件中的分页Pager的相关代码 代码如下: public function searchWordsByInitial() { //从AJAX发出的URL中获得参数:用户点击的字母和点击的页码 $initial = htmlentities($_POST[‘initial’], ENT_...
资源名称:AJAX设计模式 Fishbone翻译 chm格式内容简介: 本小册子并不是什么官方机构的权威书,但是却是一本面向初学者的实用教程,抛开官方拉杂的语言,这里用口语化向大家介绍如何用 AJAX 来设计开发一个交互性...
代码如下: $.ajax ({ cache: false, async: false, // 太关键了,学习了,同步和异步的参数 dataType: ‘json’, type: ‘post’, url: “../handle/Ladder_Fee_Code.ashx?ajaxaction=Select_FangAn”, ...
1:ajax自已构造一个url,这种方式传参数要用Data,不能用于表单提交。 例: 代码如下: function createHtml(id){ $(“#reloading”).show(); //edit_bg是个div,提交时显示,这样可以使背景页面不能操作。 $(“#edit_...
AJAXRequest是一个轻量级的AJAX应用程序开发框架,兼容Firefox、IE、Opera、Safari,可以方便地进行一些AJAX中经常需要用到的操作,从而简化开发步骤,减少重复代码编写量。 如果在使用过程中发现了问题,或者有好的...
ajax请求报parsererror错误是很宽泛的概念,很多情况下都报这个错, 在很多时候,即使ajax提交、返回都正常 XMLHttpRequest.status=200 (正常响应) XMLHttpRequest.readyState=4 (正常接收) ajax也会提示一个parse...
代码如下:function submit(){ var formData=$... $.ajax({ type: “POST”, url: “/index.aspx”, processData:true, data:formData, success: function(data){ $(“#result”).html(“保存成功”); } });}