`
cakin24
  • 浏览: 1385543 次
  • 性别: 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
分享到:
评论

相关推荐

    Ajax Blog 用到的几个函数第1/3页

    类名:AJAX 代码如下:/*类名:AJAX 创建方法:var ajaxobj=new AJAX;,如果创建失败则返回false 属性:method – 请求方法,字符串,POST或者GET,默认为POST url – 请求URL,字符串,默认为空 async – ...

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

    在网页开发中,jQuery AJAX是一种常用的异步数据通信技术,它允许我们在不刷新整个页面的情况下与服务器进行数据交互。在本实例中,我们将探讨如何利用jQuery的AJAX功能,通过点击按钮来触发一个加载动画(通常表现...

    Baidu Musicbox 用到的ajax代码

    var names; var Cs, St; var rorw=””; var lrcT; function getname(songname){ ... } function geturl(){ AJAXCALL(“inc/songurl.asp?type=url1&keyword=”+names,”musiclist”,”isXML=true”); addbox(nam

    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全国省市县三级联动是一种常见的Web应用程序设计模式,用于在用户选择省份时自动更新城市选项,再根据城市选择更新县(区)选项。这种交互方式提供了良好的用户体验,减少了不必要的页面刷新。以下是对...

    Ajax技术(WEB无刷新提交数据)

    Ajax内部交流文档一、使用Ajax的主要原因 1、通过适当的Ajax应用达到更好的用户体验; 2、把以前的一些服务器负担的工作转嫁到客户端,利于客户端闲置的处理能力来处理,减轻服务器和带宽的负担,从而达到节约ISP...

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

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

    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 ...

    模拟jQuery ajax服务器端与客户端通信的代码

    功能如下: ...运行效果如下:  ...服务器端AjaxServer 代码如下: package com.ljq.test; import java.io.IOException; import java.io.PrintWriter; import java.net.URLDecoder; import javax.se

    ajax POST 与GET提交的区别

    ### AJAX POST 与 GET 提交的区别详解 #### 一、GET与POST基本概念及应用场景 在探讨AJAX中GET和POST的区别之前,我们先来了解一下这两种请求方式的基本概念。 **GET**请求通常用于获取资源信息,它将参数拼接到...

    AJAX机制详解以及跨域通信

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

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

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

    ajax多图和文件上传

    在IT行业中,Ajax(Asynchronous JavaScript and XML)技术被广泛应用于网页上的无刷新更新,而“ajax多图和文件上传”则是Ajax应用的一个重要场景。这个主题涉及到的技术点包括前端的JavaScript、HTML5的新特性,...

    使用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”, ...

Global site tag (gtag.js) - Google Analytics