ajax请求的五个步骤

ajax请求的五个步骤：

电脑：华为MateBook14

系统：Windows10

软件：sublime_text3

1、首先，创建一个XMLHttpRequest异步对象。

2、然后，设置请求方式和请求地址。

3、接着，用send发送请求。

4、然后，监听状态变化。

5、最后，接收返回的数据。

URI部分用绝对路径试试。或者有的网站做了防盗链的设置。你可以查查这方面的资料看看。

防盗链原理http标准协议中有专门的字段记录referer一来可以追溯上一个入站地址是什么二来对于资源文件，可以跟踪到包含显示他的网页地址是什么因此所有防盗链方法都是基于这个Referer字段

1、ajax的读音：英[ˈeɪdʒæks]美[ˈeɪˌdʒæks]

2、ajax的意思：埃阿斯; 阿贾克斯; 跨域; 异步交互; 阿雅克斯; 创建交互式网页应用的网页开发技术;

3、[例句]And across the Atlantic, good to see our Canadian viewers in Ajax, Ontario之后我们横跨大西洋，很高兴见到我们在加拿大安大略省阿贾克斯的观众。

要完整实现一个AJAX异步调用,通常需要以下几个步骤:

(1)创建XMLHttpRequest对象,也就是创建一个异步调用对象。

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

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

(4)发送HTTP请求。

(5)获取异步调用返回的数据。

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

今天小编要跟大家分享的文章是关于学习Web前端要知道的JavaScript、Ajax、jQuery知识。今天小编将详细解读JavaScript、ajax、jQuery是什么？他们可以实现什么？想要学习Web前端的小伙伴们来和小编一起看一看吧！

1、JavaScript

·___ㄒ澹

javaScript的简写形式就是JS，是由Netscape公司开发的一种脚本语言，一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能（其编写的程序可以被嵌入到HTML或XML页面中，并直接在浏览器中解释执行）。

·___槌刹糠郑

核心（ECMAScript）、文档对象模型（DocumentObjectModel，简称DOM）、浏览器对象模型（BrowserObjectModel，简称BOM）

·___枋觯

Javascript就是适应动态网页制作的需要而诞生的一种新的编程语言，如今越来越广泛地使用于Internet网页制作上。

Javascript是由Netscape公司开发的一种脚本语言（scripting

language），或者称为描述语言。在HTML基础上，使用Javascript可以开发交互式Web网页。

Javascript的出现使得网页和用户之间实现了一种实时性的、动态的、交互性的关系，使网页包含更多活跃的元素和更加精彩的内容。

Javascript短小精悍，又是在客户机上执行的，大大提高了网页的浏览速度和交互能力。同时它又是专门为制作Web网页而量身定做的一种简单的编程语言。

主流的javaScript框架有：YUI,Dojo，Prototype，jQuery

2、AJax

·___ㄒ澹

AJAX即“AsynchronousJavaScriptandXML”（异步JavaScript和XML)，AJAX并非缩写词，而是由JesseJamesGaiiett创造的名词，是指一种创建交互式网页应用的网页开发技术。

_JAX不是一个技术，它实际上是几种技术，每种技术都有其独特之处，合在一起就成了一个功能强大的新技术。

·___槌桑

基于XHTML和CSS标准的表示；

使用Document

ObjectModel进行动态显示和交互；

使用XML和XSLT做数据交互和操作；

使用XML

HttpRequest与服务器进行异步通信；

使用JavaScript绑定一切。

·___枋觯

Ajax是结合了Java技术、XML以及JavaScript等编程技术，可以让开发人员构建基于Java技术的Web应用，并打破了使用页面重载的管理。

Ajax技术使用非同步的HTTP请求，在Browser和WebServer之间传递数据，使Browser只更新部分网页内容而不重新载入整个网页。

Ajax是使用客户端脚本与Web服务器交换数据的Web应用开发方法。这样，Web页面不用打断交互流程进行重新加裁，就可以动态地更新。使用Ajax，用户可以创建接近本地桌面应用的直接、高可用、更丰富、更动态的Web用户界面。

3、jQuery

·___ㄒ澹

jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTML

documents、events、实现动画效果，并且方便地为网站提供AJAX交互。

·___氐悖

轻量级、链式语法、CSS1-3选择器、跨浏览器、简单、易扩展；

jQuery是一种独立于服务器端代码的框架，独立于ASPNET或者JAVA；

jQuery是当前很流行的一个JavaScript框架，使用类似于CSS的选择器，可以方便的操作HTML元素，拥有很好的可扩展性，拥有不少插件。

·___枋觯

对于程序员来说，简化javascript和ajax编程，能够使程序员从设计和书写繁杂的JS应用中解脱出来，将关注点转向功能需求而非实现细节上，从而提高项目的开发速度。

对于用户来说，改善了页面的视觉效果，增强了与页面的交互性，体验更绚丽的网页物资。javaScript框架实际上是一系列工具和函数。

4、三者的关系

下面我用一张导图来阐述这三者的关系：

解释：

javaScript是用于Web客户端开发的脚本语言，Ajax是基于JS语言，主要组合JS、CSS、XML三种技术的新技术，是用于创建交互式网页应用的网页开发技术。jQuery是JS的框架，基于JS语言，集合Ajax技术开发出来的JS库，封装JS和Ajax的功能，提供函数接口，大大简化了Ajax，JS的操作。

以上就是小编今天为大家分享的关于学习Web前端要知道的JavaScript、Ajax、jQuery知识的文章，希望本篇文章能够对正在从事Web前端工作的小伙伴们有所帮助。想要了解更多Web前端知识记得关注北大青鸟Web培训官网。最后祝愿小伙伴们工作顺利，成为一名优秀的Web前端工程师！

原文链接：#/u/155352/blog/789347

SHAPE\MERGEFORMAT

SHAPE\MERGEFORMAT

这篇文章主要介绍了Ajax访问不断变化的session的值不一致解决方法以及HTTP协议中的GET、POST的区别的相关资料,需要的朋友可以参考下

今天在做一个进度条的时候遇到一个问题，我在session里面存放了一个计数器，当爬取到一条数据的时候这个值+1，然后前台每隔3s中获取一次session的这个值，但是问题出来了，在FF下面，得到的值都是正常的，但是在IE下面死活都是之前的值，只有当重新打开页面的时候才能获取到最新的 session值：

下面是我的proBarjsp的代码：

后来把GET改为POST就正常了。

PS：关于HTTP的GET和POST

Http定义了与服务器交互的不同方法，最基本的方法有4种，分别是GET，POST，PUT，DELETE。URL全称是资源描述符，我们可以这样认 为：一个URL地址，它用于描述一个网络上的资源，而HTTP中的GET，POST，PUT，DELETE就对应着对这个资源的查，改，增，删4个操作。 到这里，大家应该有个大概的了解了，GET一般用于获取/查询资源信息，而POST一般用于更新资源信息。

1根据HTTP规范，GET用于信息获取，而且应该是安全的和幂等的。

(1)所谓安全的意味着该操作用于获取信息而非修改信息。换句话说，GET 请求一般不应产生副作用。就是说，它仅仅是获取资源信息，就像数据库查询一样，不会修改，增加数据，不会影响资源的状态。

注意：这里安全的含义仅仅是指是非修改信息。

(2)幂等的意味着对同一URL的多个请求应该返回同样的结果。

幂等（idempotent、idempotence）是一个数学或计算机学概念，常见于抽象代数中。

幂等有一下几种定义：

对于单目运算，如果一个运算对于在范围内的所有的一个数多次进行该运算所得的结果和进行一次该运算所得的结果是一样的，那么我们就称该运算是幂等的。比如绝对值运算就是一个例子，在实数集中，有abs(a)=abs(abs(a))。

对于双目运算，则要求当参与运算的两个值是等值的情况下，如果满足运算结果与参与运算的两个值相等，则称该运算幂等，如求两个数的最大值的函数，有在在实数集中幂等，即max(x,x) = x。

但在实际应用中，以上2条规定并没有这么严格。引用别人文章的例子：比如，新闻站点的头版不断更新。虽然第二次请求会返回不同的一批新闻，该操作仍然被认为是安全的和幂等的，因为它总是返回当前的新闻。从根本上说，如果目标是当用户打开一个链接时，他可以确信从自身的角度来看没有改变资源即可。

2根据HTTP规范，POST表示可能修改变服务器上的资源的请求。

继续引用上面的例子：还是新闻以网站为例，读者对新闻发表自己的评论应该通过POST实现，因为在评论提交后站点的资源已经不同了，或者说资源被修改了。

但在实际的做的时候，很多人却没有按照HTTP规范去做，导致这个问题的原因有很多，比如说：

1很多人贪方便，更新资源时用了GET，因为用POST必须要到FORM（表单），这样会麻烦一点。

2对资源的增，删，改，查操作，其实都可以通过GET/POST完成，不需要用到PUT和DELETE。

3另外一个是，早期的Web MVC框架设计者们并没有有意识地将URL当作抽象的资源来看待和设计，所以导致一个比较严重的问题是传统的Web MVC框架基本上都只支持GET和POST两种HTTP方法，而不支持PUT和DELETE方法。

关于MVC：

MVC本来是存在于Desktop程序中的，M是指数据模型，V是指用户界面，C则是控制器。使用MVC的目的是将M和V的实现代码分离，从而使同一个程序可以使用不同的表现形式。

以 上3点典型地描述了老一套的风格（没有严格遵守HTTP规范），随着架构的发展，现在出现REST(RepresentationalState Transfer)，一套支持HTTP规范的新风格，这里不多说了，可以参考《RESTful Web Services》。

再从表面现像上面看看GET和POST的区别：

(1) 首先是"GET方式提交的数据最多只能是1024字节"，因为GET是通过URL提交数据，那么GET可提交的数据量就跟URL的长度有直接关系了。而实 际上，URL不存在参数上限的问题，HTTP协议规范没有对URL长度进行限制。这个限制是特定的浏览器及服务器对它的限制。IE对URL长度的限制是 2083字节(2K+35)。对于其他浏览器，如Netscape、FireFox等，理论上没有长度限制，其限制取决于操作系统的支持。注意这是限制是 整个URL长度，而不仅仅是你的参数值数据长度。

(2)理论上讲，POST是没有大小限制的，HTTP协议规范也没有进行大小限制，说“POST数据量存在80K/100K的大小限制”是不准确的，POST数据是没有限制的，起限制作用的是服务器的处理程序的处理能力。

对于ASP程序，Request对象处理每个表单域时存在100K的数据长度限制。但如果使用RequestBinaryRead则没有这个限制。

由这个延伸出去，对于IIS 60，微软出于安全考虑，加大了限制。

我们还需要注意：

1)IIS 60默认ASP POST数据量最大为200KB，每个表单域限制是100KB。

2)IIS 60默认上传文件的最大大小是4MB。

3)IIS 60默认最大请求头是16KB。

IIS 60之前没有这些限制。

所以上面的80K，100K可能只是默认值而已(注：关于IIS4和IIS5的参数，我还没有确认)，但肯定是可以自己设置的。由于每个版本的IIS 对这些参数的默认值都不一样，具体请参考相关的IIS配置文档。

3在ASP中，服务端获取GET请求参数用RequestQueryString，获取POST请求参数用RequestForm。

在JSP 中，用requestgetParameter(\"XXXX\")来获取，虽然jsp中也有requestgetQueryString()方法， 但使用起来比较麻烦，比如：传一个testjspname=hyddd&password=hyddd，用requestgetQueryString()得到的是：name=hyddd&password=hyddd。在PHP中，可以 用$_GET和$_POST分别获取GET和POST中的数据，而$_REQUEST则可以获取GET和POST两种请求中的数据。值得注意的是，JSP 中使用request和PHP中使用$_REQUEST都会有隐患，这个下次再写个文章总结。

4POST的安全性要比GET的安全性高。

注意：这里所说的安全性和上面GET提到的“安全”不是同个概念。上面“安全”的含义仅仅是不作数据修 改，而这里安全的含义是真正的Security的含义，比如：通过GET提交数据，用户名和密码将明文出现在URL上，因为(1)登录页面有可能被浏览器 缓存，(2)其他人查看浏览器的历史纪录，那么别人就可以拿到你的账号和密码了，除此之外，使用GET提交数据还可能会造成Cross-site request forgery攻击。

总结一下，Get是向服务器发索取数据的一种请求，而Post是向服务器提交数据的一种请求，在FORM（表单）中，Method默认为"GET"，实质上，GET和POST只是发送机制不同，并不是一个取一个发！

上面是我整理给大家的，希望今后会对大家有帮助。

相关文章：

MVC中基于Ajax和HTML5实现文件上传功能

如何解决ajax在google chrome浏览器上失效

基于ajax实现点击加载更多无刷新载入到本页

ajax请求的五个步骤：

1建立XMLHttpRequest对象。

2设置回调函数。

3使用open方法与服务器建立链接。

4向服务器发送数据。

5在回调函数中针对不同的响应状态进行处理。

Ajax即Asynchronous Javascript And XML（异步JavaScript和XML）在 2005年被Jesse James Garrett提出的新术语，用来描述一种使用现有技术集合的‘新’方法。

包括: HTML 或 XHTML, CSS, JavaScript, DOM, XML, XSLT, 以及最重要的XMLHttpRequest。 

使用Ajax技术网页应用能够快速地将增量更新呈现在用户界面上，而不需要重载（刷新）整个页面，这使得程序能够更快地回应用户的操作。

Ajax这个术语源自描述从基于 Web 的应用到基于数据的应用：

Ajax 不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。

使用 JavaScript 向服务器提出请求并处理响应而不阻塞用户核心对象XMLHttpRequest。通过这个对象，您的 JavaScript 可在不重载页面的情况与 Web 服务器交换数据，即在不需要刷新页面的情况下，就可以产生局部刷新的效果。

优点：能在不更新整个页面的前提下维护数据。这使得Web应用程序更为迅捷地回应用户动作，并避免了在网络上发送那些没有改变的信息。Ajax不需要任何浏览器插件，但需要用户允许JavaScript在浏览器上执行。

缺点：破坏浏览器的后退与加入收藏书签功能。一个被完整读入的页面与一个已经被动态修改过的页面之间的可能差别非常微妙；用户通常都希望单击后退按钮，就能够取消他们的前一次操作，但是在Ajax应用程序中，却无法这样做。

应用

Ajax前景非常乐观，可以提高系统性能，优化用户界面。Ajax现有直接框架AjaxPro，可以引入AjaxPro2dll文件，可以直接在前台页面JavaScript调用后台页面的方法。但此框架与表单验证有冲突。另外微软也引入了Ajax组件，需要添加AjaxControlToolkit。dll文件，可以在控件列表中出现相关控件。

-ajax