`
cakin24
  • 浏览: 1328500 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

AJAX 简介

阅读更多

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 会把字符发送到服务器,服务器则会返回建议列表。

  • 大小: 30.6 KB
1
0
分享到:
评论

相关推荐

    jquery ajax实例点击按钮触发Ajax loading

    jquery ajax实例点击按钮触发Ajax loading jquery ajax实例点击按钮触发Ajax loading jquery ajax实例点击按钮触发Ajax loading

    Ajax快速搜索结果程序 1.0.rar

    Ajax快速搜索结果程序实现当用户在搜索框中输入内容时,可快速显示搜索结果的功能。默认是PHP程序,用户完可以移植到非PHP网站系统中。 使用说明: 用户需要修改三个文件来实现将Ajax快速搜索结果功能在自己的...

    AJAX留言板插件for p-jblog.rar

    插 件 名:PJBLOG AJAX 留言板 发布时间:2007-02-28 修正时间:2007-03-16 版 本 号:1.0 适用版本:2.6 作 者:JAY 功能说明: 引用: 可以就地发布留言、编辑留言、删除留言、发布回复、编辑回复、删除...

    ASP.NET AJAX全国省市县三级联动.doc

    基于ASP.NET AJAX全国省市县三级联动,UI布局+服务端源码,代码都在文档里,适合初学者学习参考

    ajax请求之返回数据的顺序问题分析

    本文实例分析了ajax请求之返回数据的顺序问题。分享给大家供大家参考,具体如下: ajax请求一个url,php后端处理后,数组为如下格式: 代码如下:$a = array( ‘-1’=> 10 ,’-3′ => 2, ‘0’ => ‘5’ ,’-2′ => ...

    基于jQuery的api可配置ajax包smajax.zip

    smajax,基于jQuery的api可配置ajax包。安装[removed] [removed]必须先引入 jQuery(任何版本)[removed] [removed]用法初始化请求var SmartAJAX = new smajax({ dataType: 'json' });初始化选项:POST ...

    ajax课件.ppt

    举个例子:普通B/S模式(同步) AJAX技术(异步) * 同步:提交请求->等待服务器处理->处理完毕返回 这个期间客户端浏览器不能干任何事 * 异步: 请求通过事件触发->服务器处理(这时浏览器仍然可以作其他事情)->处理...

    ajax POST 与GET提交的区别

    AJAX POST与get提交数据的差别,喜欢了解详细内容的朋友可以下载学习!

    零基础学习AJAX之AJAX的简介和基础

    本节简介(异步链接服务器对象)XMLHTTPRequest以及AJAX的简介。 AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML)。 AJAX有四个方面的好处:1.即减轻了服务器的负担。2带来了更好的用户体验。3....

    Ajax跨域问题及解决方案(jsonp,cors)

    在前台通过动态添加script标签及src属性,表面看上去与ajax极为相似,但是,这和ajax并没有任何关系;为了便于使用及交流,逐渐形成了一中非正式传输协议,人们把它称作 jsonp 。 代码如下: html: <body> ...

    AJAX机制详解以及跨域通信

     Ajax简介这一部分我们主要是谈一下ajax的起源,ajax是什么?因为这些是跟技术无关的。所以,大多细节都是一笔带过。  Ajax的起源?  Ajax一词源于2005年 Jesse James Garrett发表的一篇题为”Ajax:A new ...

    ajax+jquery

    举个例子:普通B/S模式(同步) AJAX技术(异步) * 同步:提交请求->等待服务器处理->处理完毕返回 这个期间客户端浏览器不能干任何事 * 异步: 请求通过事件触发->服务器处理(这时浏览器仍然可以作其他事情)->处理...

    ajax实现提交时校验表单方法

    本文实例为大家分享了ajax提交时校验表单的方法,供大家参考,具体内容如下 方法一: 代码示例:  巧妙设计之处:ajax提交的话,不能够进行校验拦截,设置一个flag来判断,很巧妙的设计之处,故收藏! function ...

    使用PHP+JQuery+Ajax分页的实现

    首先是在PHP文件中的分页Pager的相关代码 代码如下: public function searchWordsByInitial() { //从AJAX发出的URL中获得参数:用户点击的字母和点击的页码 $initial = htmlentities($_POST[‘initial’], ENT_...

    AJAX设计模式Fishbone翻译chm格式

    资源名称:AJAX设计模式 Fishbone翻译 chm格式内容简介: 本小册子并不是什么官方机构的权威书,但是却是一本面向初学者的实用教程,抛开官方拉杂的语言,这里用口语化向大家介绍如何用 AJAX 来设计开发一个交互性...

    探讨在JQuery和Js中,如何让ajax执行完后再继续往下执行

    代码如下: $.ajax ({ cache: false, async: false, // 太关键了,学习了,同步和异步的参数 dataType: ‘json’, type: ‘post’, url: “../handle/Ladder_Fee_Code.ashx?ajaxaction=Select_FangAn”, ...

    ajax提交url与ajax提交表单的详细比较

    1:ajax自已构造一个url,这种方式传参数要用Data,不能用于表单提交。 例: 代码如下: function createHtml(id){ $(“#reloading”).show(); //edit_bg是个div,提交时显示,这样可以使背景页面不能操作。 $(“#edit_...

    javascript ajax类AJAXRequest2007-12-31 更新

    AJAXRequest是一个轻量级的AJAX应用程序开发框架,兼容Firefox、IE、Opera、Safari,可以方便地进行一些AJAX中经常需要用到的操作,从而简化开发步骤,减少重复代码编写量。 如果在使用过程中发现了问题,或者有好的...

    完美解决ajax跨域请求下parsererror的错误

    ajax请求报parsererror错误是很宽泛的概念,很多情况下都报这个错, 在很多时候,即使ajax提交、返回都正常 XMLHttpRequest.status=200 (正常响应) XMLHttpRequest.readyState=4 (正常接收) ajax也会提示一个parse...

    jquery ajax提交整个表单元素的快捷办法

    代码如下:function submit(){ var formData=$... $.ajax({ type: “POST”, url: “/index.aspx”, processData:true, data:formData, success: function(data){ $(“#result”).html(“保存成功”); } });}

Global site tag (gtag.js) - Google Analytics