关于Ajax的理解,什么是Ajax?

Ajax的全称是Asynchronous JavaScript and XML ,其中Asynchronous 是异步的意思,它又别于传统的Web开发采用的同步的方式。

Ajax并非一种新的技术,而是几种原有的技术的结合体,它由下列技术组合而成。

1使用CSS和XHTML来表示

2使用DOM模型来交互和动态显示

3使用XHTMLHttpResquest来和服务器进行异步通信。

4使用JavaScript来绑定和调用

使用Ajax的步鄹:

1创建一个XMLHTTPRequest对象,也就是创建一个异步调用者对象

2创建一个新的HTTP请求,并指定该HTTP请求的方法,URL及验证信息

3设置响应的HTTP请求状态变化的函数

4发送HHTP请求

5获取异步调用者返回数据

6使用JavaScript和DOM实现局部刷新

为什么要使用ajax框架

--1简化JavaScript的开发难度

--2解决浏览器兼容性问题

--3简化开发流程

--4增强用户体验,提高系统性能

时间: 2024-12-28 09:19:47

关于Ajax的理解,什么是Ajax?的相关文章

面试时怎样回答:你对原生ajax的理解

很多人跟我一样用习惯了jq封装好的$.ajax,但是面试时,原生ajax是很多面试官喜欢问的问题,今天再查资料,打算好好整理一下自己理解的原生ajax. 首先,jq的ajax:一般我常用的参数就是这些,不过可以配置的参数不止这些 $.ajax({ url:'',//请求文件路径 type:'',//请求方式GET POST data:{},//要发给服务器的数据参数 dataType:'',//希望接口返回的数据格式json,string等等 success:function(){ // 请求成

ajax的理解与工作流程

一.什么是ajax ajax是一种异步通信技术.在ajax出现之前,客户端与服务端之间直接通信.引入ajax之后,客户端与服务端加了一个第三者--ajax.有了ajax之后,通过在后台与服务器进行少量数据交换,可以达到在不刷新整个页面的情况下实现局部刷新.其原理如图 二.XHR对象 ajax技术的核心是XMLHttpRequest对象(简称XHR).IE7+.FireFox.Opera.Chrome和Safari都支持原生的XHR对象,创建XHR对象可以这样写 var xhr = new XML

谈谈我对AJAX的理解

Ajax的全称是Asynchronous JavaScript and XML 中文名称定义为异步的JavaScript和XML.Ajax是Web2.0技术的核心由多种技术集合而成,使用Ajax技术不必刷新整个页面,只需对页面的局部进行更新,可以节省网络带宽,提高页面的加载速度,从而缩短用户等待时间,改善用户体验. 直白地说,就是没用AJAX的网页,你点一个按钮就要刷新一下页面,尽管新页面上只有一行字和当前页面不一样,但你还是要无聊地等待页面刷新.用了AJAX之后,你点击,然后页面上的一行字就变

给Ajax一个漂亮的嫁衣——Ajax系列之五(下)之序列化和反序列化

给Ajax一个漂亮的嫁衣——Ajax系列之五(下)之序列化和反序列化 标签: ajaxdictionaryjsonobject服务器function 2012-07-25 18:41 2242人阅读 评论(6) 收藏 举报  分类: Ajax(6)  版权声明:本文为博主原创文章,未经博主允许不得转载. Ajax最强悍的功能莫过于服务器和客户端之间的异步交互,他们在交互的时候不是通过soap协议等,而是通过回调函数,以Json的格式传送数据. 由于Json格式的限制,在很多情况下,稍微复杂一些的

(转)JAVA AJAX教程第四章—AJAX和MVC的简单结合

这里我们再理解了AJAX后,开始来用实例感受AJAX的力量. 今天我最后要实现的效果,当鼠标放到图片上时会根据,会把数据库库里的数据读出,通过显示框显示出来.这个在很多网上商店都有用到这里效果,我们这里用AJAX来实现这个效果.这个实例里结合了MySql.Servlet还有Js,理论性很少,但通过实践来感受理论知识. 一个页面中应用了 AJAX,同时他也能实现MVC框架,可以吗?当然可以的.通过页面调用AJAX,这个页面就是MVC中的V,他用来前台显示与用户交互的内容.用 JavaBean作为M

JavaScript之Ajax-7 Ajax跨域请求(Ajax跨域概述、Ajax跨域实现)

一.Ajax跨域概述 同源策略 - 同源策略(Same origin policy)是一种约定,它是浏览器的核心也最最基本的核心.如果少了同源策略,则浏览器的正常功能可能都会收到影响.可以说Web是构建在同源策略基础上的,浏览器只是针对同源策略的一种实现 - 它是由 Netscape 提出的一个著名的安全策略 - 现在所有支持 JavaScript 的浏览器都会使用这个策略 - 所谓同源策略是指,域名.协议.端口相同 域名概述 - 域名(Domain Name) 是由一串用点分隔的名字组成的In

详细解读Jquery各Ajax函数:$.get(),$.post(),$.ajax(),$.getJSON()

一,$.get(url,[data],[callback]) 说明:url为请求地址,data为请求数据的列表(是可选的,也可以将要传的参数写在url里面),callback为请求成功后的回调函数,该函数接受两个参数,第一个为服务器返回的数据,第二个参数为服务器的状态,是可选参数.而其中,服务器返回数据的格式其实是字符串形势,并不是我们想要的json数据格式,在此引用只是为了对比说明. 1 $.get("data.php",$("#firstName.val()")

JavaScript封装Ajax(类JQuery中$.ajax()方法)

ajax.js (function(exports, document, undefined){ "use strict"; function Ajax(){ if(!(this instanceof Ajax)) return; return this; } Ajax.prototype = { init: function(opts){ opts = opts || {}; this.opts = opts; this.opts.type = opts.type || 'get';

microsoft ajax registered - to fix microsoft ajax update panel post back

<dnn:DnnScriptBlock runat="server">     <script type="text/javascript">     (function($) {         var initDnnFileUploader = function() {             var settings = {                 fileFilter: '<%= FileFilter %>',  

Java过滤器处理Ajax请求,Java拦截器处理Ajax请求,拦截器Ajax请求

Java过滤器处理Ajax请求,Java拦截器处理Ajax请求,拦截器Ajax请求 java 判断请求是不是ajax请求,Java判断是否为ajax请求 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> ?Copyright 蕃薯耀 2017年8月10日 http://www.cnblogs.com/