ajax的原理大家可以看上图如何获得Ajax对象?XMLHttpRequest没有标准化,要区分浏览器。functiongetXhr(){varxhr=null;if(window.XMLHttpRequest){//非ie浏览器xhr=newXMLHttpRequest();}else{//ie浏览器xhr=newActiveXObject(‘MicroSoft.XMLHttp‘);}returnxhr;}下面我把代码贴..
分类:
Web程序 时间:
2016-05-14 01:10:12
阅读次数:
312
1.AJAX即Asynchronous Javascript+XML。能够向服务器请求额外的数据而无需卸载页面。 AJAx技术的核心是XMLHttpRequest对象(XHR)。 2.AJAX只能向同一个域中使用相同端口和协议的URL发送请求。 3.创建要给AJAX的过程: 1.创建一个XHR对象。 ...
分类:
编程语言 时间:
2016-05-13 13:00:07
阅读次数:
174
注:XLMHttpRequest简写为XHR 一.HTTP请求过程 (1)建立TCP链接 (2)web浏览器向web服务器发送请求命令 (3)web浏览器发送请求头信息 (4)web服务器应答 (5)web服务器发送应答头信息 (6)web浏览器向浏览器发送数据 (7)web服务器关闭TCP链接 二 ...
分类:
Web程序 时间:
2016-05-13 10:26:23
阅读次数:
130
起因:看了阮一峰老师的关于上传文件的文章,进行测试,在使用xhr对象的send方法时遇到问题。 遇到的问题是使用send方法传送过去的数据,在node后台无法接收,经过很多次测试,怀疑是不是send与node不兼容导致。 所以使用了jq的ajax方法进行测试, 发现post过去的数据可以使用req. ...
分类:
其他好文 时间:
2016-05-13 09:11:07
阅读次数:
169
抛出一个问题,其实所谓的熟悉原生JS,怎样的程度才是熟悉呢? 最近都在做原生JS熟悉的练习。。。 用原生Js封装了一个Ajax插件,引入一般的项目,传传数据,感觉还是可行的。。。简单说说思路,如有不正确的地方,还望指正^_^ 一、Ajax核心,创建XHR对象 Ajax技术的核心是XMLHttpReq ...
分类:
Web程序 时间:
2016-05-03 14:26:05
阅读次数:
291
抛出一个问题,其实所谓的熟悉原生JS,怎样的程度才是熟悉呢? 最近都在做原生JS熟悉的练习。。。 用原生Js封装了一个Ajax插件,引入一般的项目,传传数据,感觉还是可行的。。。简单说说思路,如有不正确的地方,还望指正^_^ 一、Ajax核心,创建XHR对象 Ajax技术的核心是XMLHttpReq ...
分类:
Web程序 时间:
2016-05-02 21:27:47
阅读次数:
277
1.不用HTML中的img标签来下载图片,通过XHR api来下载图片: 2. 不需要通过表单来上传文件和图片。 3.HXR满足不了流式数据的传输,但是还是有其他的办法,而且还是专门为流式数据处理和设计的。 Server-Sent Events提供方便的流API,用于从服务器向客户端发送文本数据, ...
分类:
Windows程序 时间:
2016-04-30 23:39:24
阅读次数:
1082
XHR API允许应用添加自定义的HTTP首部(通过setRequestHeader()方法),同时也有一些首部都是应用代码不能设定的。 r ...
分类:
其他好文 时间:
2016-04-30 19:34:56
阅读次数:
200
// --file.js--function getJSON(url, callback) { let xhr = new XMLHttpRequest(); xhr.onload = function () { callback(this.responseText) }; xhr.open("GE ...
分类:
编程语言 时间:
2016-04-27 15:33:29
阅读次数:
164
Ajax(Asynchronous JavaScript + XML的简写)可以向服务器请求数据而无需卸载(刷新)页面,带来更好的用户体验。
Ajax技术的核心是XMLHttpRequest对象(简称XHR)。
一、XMLHttpRequest对象
/* 兼容IE早期版本 */
function createXHR(){
if (typeof XMLHttpRequest !=...
分类:
Web程序 时间:
2016-04-22 20:45:40
阅读次数:
163