浅谈Ajax相关及其优缺点

AJAX，即Asynchronous Javascript And XML，可实现无刷新状态更新页面和异步提交

优点：

不需要插件支持
用户体验极佳
提升Web程序性能
减轻服务器和宽带的负担

缺点：

前进后退按钮被破坏
搜索引擎的支持不够
开发调试工具缺乏

同步和异步

同步：也就是必须一件一件事做，等前一件做完了才能做下一件事
异步：不需要等到前一件事做完，可多事同做

JQuery对AJAX进行了三层封装

　　最底层：封装了基础Ajax一些操作；

全局方法：$.ajax()
提交的数据在data中，用post方式提交，提交数据须用"{}"包裹，以"key:value"的形式提交
提交整个表单时，可使用表单序列化"serialize()"，提交整个表单
decodeURIComponent()：解序列化的数据
encodeURIComponent()：将数据序列化，serialize()也是调用此方法进行序列化
serializeArray()：表单转化为json形式
$.ajaxSetup()：初始化$.ajax()的数据，用于设定$.ajax()对象的默认值
　　第二层：封装了jQuery的Ajax；

局部方法：.load(url,data,callback)
比较适合静态文件的异步获取
全局方法：$.get(url,data,callback,type),$.post(url,data,callback,type)
可使用与动态文件异步获取
　　第三层：封装了get；

全局方法：$.getJSON,$.getScript

加载请求

　　$(document).ajaxStart(function)：请求开始时，触发的方法

　　$(document).ajaxStop(function)：请求结束时，触发的方法

JSON和JSONP

　　当dataType为JSON时，无法跨域获取数据，要在添加域名后面添加"?callback="才能实现跨域名调用数据。当dataType为JSONP时，可直接实现跨域获取数据。

JQXHR对象

　　jQuery jqXHR对象的属性和方法

以上所述就是本文的全部内容了，希望大家能够喜欢。

赞 (0)

相关推荐

  • 浅析Ajax的 原理及优缺点

    1.ajax技术的背景 不可否认,ajax技术的流行得益于google的大力推广,正是由于google earth.google suggest以及gmail等对ajax技术的广泛应用,催生了ajax的流行.而这也让微软感到无比的尴尬,因为早在97年,微软便已经发明了ajax中的关键技术,并且在99年IE5推出之时,它便开始支持XmlHttpRequest对象,并且微软之前已经开始在它的一些产品中应用ajax,比如说MSDN网站菜单中的一些应用.遗憾的是,不知道出于什么想法,当时微软发明了aja

  • ajax原理总结附简单实例及其优点

    在工作中用了Ajax N多次了,也看过一些相关方面的书籍,也算是认识了它,但是一直没有认真总结和整理过相关的东东,失败! 近有闲情,将之总结如下: [名称] Ajax是Asynchronous JavaScript and XML(以及 DHTML 等)的缩写. 详情请移步Ajax: A New Approach to Web Applications [原理] 简单一些,就是通过使用XmlHttpRequest对象向服务器发送异步请求,获取返回的数据,并使用Javascript和DOM操作页面

  • js jquery ajax的几种用法总结(及优缺点介绍)

    这篇文章,是我不知道什么是ajax到熟练运用ajax的一个历程. 一,最原始的方式来运用ajax 复制代码 代码如下: <SCRIPT language=javascript>var xmlHttp; function createXMLHttpRequest() { if (window.ActiveXObject) {xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");}else if (window.XMLHttpRequ

  • 聊一聊Ajax的优缺点

    Ajax,全称 Asynchronous Javascript and XML,是一个动态的WEB应用的开发技术,它的出现丰富了用户的体验.甚至用Ajax开发的WEB应用可以达到桌面应用程序的体验.当然,和其他技术一样Ajax同样也有其自身的优点和缺点. 使用Ajax的优点 1. 提升用户体验 提升用户体验这是使用Ajax最重要的原因之一.Ajax允许Web页面向服务端请求少量的数据来达到连续不断更新,使用这种方法就可以只刷新部分页面而不用重新加载整个页面.传统的WEB页面是通过重新加载整个页面

  • 简述Ajax的优点与缺点

    ajax的优点 Ajax的给我们带来的好处大家基本上都深有体会,在这里我只简单的讲几点: 1.最大的一点是页面无刷新,在页面内与服务器通信,给用户的体验非常好. 2.使用异步方式与服务器通信,不需要打断用户的操作,具有更加迅速的响应能力. 3.可以把以前一些服务器负担的工作转嫁到客户端,利用客户端闲置的能力来处理,减轻服务器和带宽的负担,节约空间和宽带租用成本.并且减轻服务器的负担,ajax的原则是"按需取数据",可以最大程度的减少冗余请求,和响应对服务器造成的负担. 4.基于标准化的

  • 浅谈Ajax相关及其优缺点

    AJAX,即Asynchronous Javascript And XML,可实现无刷新状态更新页面和异步提交 优点: 不需要插件支持 用户体验极佳 提升Web程序性能 减轻服务器和宽带的负担 缺点: 前进后退按钮被破坏 搜索引擎的支持不够 开发调试工具缺乏 同步和异步 同步:也就是必须一件一件事做,等前一件做完了才能做下一件事 异步:不需要等到前一件事做完,可多事同做 JQuery对AJAX进行了三层封装 最底层:封装了基础Ajax一些操作: 全局方法:$.ajax() 提交的数据在data中

  • 浅谈Ajax和JavaScript的区别

    javascript是一种在浏览器端执行的脚本语言,Ajax是一种创建交互式网页应用的开发技术 ,它是利用了一系列相关的技术其中就包括javascript. Javascript是由网景公司开发的一种脚本语言,它和sun公司的java语言是没有任何关系的,它们相似的名称只是一种行销策略. 在一般的web开发中,javascript是在浏览器端执行的,我们可以用javascript控制浏览器的行为和内容. 在 Ajax应用中信息是如何在浏览器和服务器之间传递的. 通过XML数据或者字符串 以上这篇

  • 浅谈Ajax请求与浏览器缓存

    在现代Web应用程序中,前端代码充斥着大量的Ajax请求,如果对于Ajax请求可以使用浏览器缓存,那么可以显著地减少网络请求,提高程序响应速度. 1. Ajax Request 使用jQuery框架可以很方便的进行Ajax请求,示例代码如下: $.ajax({ url : 'url', dataType : "xml", cache: true, success : function(xml, status){ } }); 非常简单,注意其中的第4行代码:cache:true,显式的要

  • 浅谈ajax请求技术

    浅谈ajax请求技术

    1.写在前面: 阅读要求: 具有一定的HTML.CSS.JavaScript.Json基础 2.什么是ajax Ajax:即"Asynchronous Javascript And XML"(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术. 3.为什么使用ajax 在动态网页开发技术中,客户端(通常是浏览器)与服务端进行数据交互是十分频繁的,如何节省网络资源,提供良好的用户体验是十分关键的.Ajax采用异步请求方式,使得不用刷新整个页面就可以和后台实现数据

  • 浅谈ajax在jquery中的请求和servlet中的响应

    在jsp中,首先,你需要导入jquery的架包: 获取可返回站点的根路径: <% String path = request.getContextPath(); %> 在jquery中写ajax请求: <script type="text/javascript"> $(function(){ $(".B").click(function(){ $.ajax({ type: "GET", //对应servlet中的方法 ur

  • 浅谈ajax请求不同页面的微信JSSDK问题

    问题场景: 我在A页面有一个表单内容需要使用蓝牙打印机打印,填完表单信息,并通过ajax请求发送到 B文件(PHP)中处理信息,正常通过form表单跳转到B页面后,是可以打印出来的,因为B页面中除了处理 数据的PHP之外还混合了 JS代码,也就是JSSDK部分.然而通过ajax请求发送过去,则无响应,所有jssdk除了wx.ready和wx.config之外都无法执行.(A.B两个文件都有wx.config,wx.ready配置) 比如发送数据的参数: wx.invoke('sendDataTo

  • 浅谈Ajax技术实现页面无刷新

    ajax (ajax开发) AJAX即"Asynchronous Javascript And XML"(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术. AJAX = 异步 JavaScript和XML(标准通用标记语言的子集). AJAX 是一种用于创建快速动态网页的技术. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. 传统的网页(不使用 AJAX)如果需要更新

  • 浅谈AJAX开发技术

    浅谈AJAX开发技术

    AJAX(Asynchronous JavaScript and XML,异步JavaScript和XML),AJAX并不是一项新的技术,它产生的主要目的是用于页面的局部刷新,从之前的代码开发来看,读者可以发现,每当用户向服务器端发出请求时,那怕需要的只是简单的更新一点点的局部内容,服务器端都会将一个整体的页面进行刷新,并重新生成代码,这样一来程序的性能肯定会有所降低的,而如果采用了AJAX技术之后,就可以实现局部的内容变更,而不用再进行整体的页面刷新,显然处理的性能要比前者高很多 . 在AJA

  • 浅谈Ajax的缓存机制

    Ajax的缓存机制和浏览器处理资源时的缓存机制是一样的. 三条简单规则: 只要是URL相同的GET请求,浏览器会使用缓存(当然还要看服务器的Cache-Control/Expires/Last-Modified/ETag头的设置). 只要是POST请求,浏览器都不会缓存. Https的请求,浏览器不会缓存(绝大数情况如此,但是也有例外,据说FF浏览器是例外). 补充: 在URL中拼入随机的查询字符串可以使浏览器认为这是一个新的请求,从而不使用缓存. 在Ajax的请求中设置Http头: If-Mo

  • 浅谈Ajax跨域Session和跨域访问

    一.关于ajax跨域请求,用jsonp老是不成功,虽然可以返回数据,但是error处报错.原因是返回的数据格式不是jsonp格式.但是用C#构造的请求却能够返回数据. 二.第三方的ajax请求肯定是不能获取得到你当前用户的session. 任务是这样的的,支付宝的页面返回notify页面(这个页面是异步访问的),而我的C#处理有一个处理模块,需要判断如果是已经登录则加积分之类的操作,结果老是获取不到session数据,可是明明登录了啊.这里的误区是,我们当前域肯定是已经登录了,可对于支付宝那边的

随机推荐