XMLHttpRequest的使用

JavaScript权威设计--跨域,XMLHttpRequest(简要学习笔记十九)

1.跨域指的是什么? URL 说明是否允许通信 http://www.a.com/a.jshttp://www.a.com/b.js 同一域名下允许 http://www.a.com/lab/a.jshttp://www.a.com/script/b.js 同一域名下不同文件夹允许 http://www.a.com:8000/a.jshttp://www.a.com/b.js 同一域名,不同端口不允许 http://www.a.com/a.jshttps://www.a.com/b.js…

AJAX的核心XMLHttpRequest对象

为了实现异步通讯,提高用户体验度,而将很多旧知识(XML,DOM,JavaScript,HTML,jQuery,Css...)重新融合程一个新的知识框架.而XMLHttpRequest对象则是其中的重重之中重. 一.XMLHttpRequest对象的属性 1.readyState:表示XMLHttpRequest对象的状态:0--未初始化,对象已经创建,未调用open:1--open方法成功调用,尚未开始接受数据:2--send方法已经调用,尚未开始接受数据:3--正在接受数据,Http相应头信…

XMLHTTPRequest对象的创建与浏览器的兼容问题

MLHttpRequest 对象是AJAX功能的核心,要开发AJAX程序必须从了解XMLHttpRequest 对象开始. 了解XMLHttpRequest 对象就先从创建XMLHttpRequest 对象开始,在不同的浏览器中创建XMLHttpRequest 对象使用不同的方法: 先看看IE创建XMLHttpRequest 对象的方法(方法1): var xmlhttp=ActiveXobject("Msxml12.XMLHTTP");//较新的IE版本创建Msxml12.XMLHT…

部分安卓手机微信浏览器中使用XMLHttpRequest 2上传图片显示字节数为0的解决办法

前端JS中使用XMLHttpRequest 2上传图片到服务器,PC端和大部分手机上都正常,但在少部分安卓手机上上传失败,服务器上查看图片,显示字节数为0.下面是上传图片的核心代码: HTML <input type="file" id="choose" capture="camera" accept="image/*"> JavaScript var filechooser = document.getEleme…

Ajax 与 XmlHttpRequest

AJAX描述了确保Web应用在Web服务器请求新数据的情况下也能(几乎)实时反应的一种方法.具体地说,AJAX只是一些建立已久的技术的相互作用,从HTML.XHTML和HTTP,到JavaScript.CSS甚至XML或者JSON.异步请求附加数据集成到网页的技术理论上在1998年左右就已经出现,只有2005年出现的AJAX这一术语以及流行词Web 2.0相对新颖. 实际上,AJAX在推出时是作为JavaScript对象模型的扩展.但是我相信,如果使用这种简单的市场战略,就无法取得像AJAX这种…

js中XMLHttpRequest对象实现GET、POST异步传输

js中XMLHttpRequest对象实现GET.POST异步传输 /* * 统一XHR接口 */ function createXHR() { // IE7+,Firefox, Opera, Chrome ,Safari if(typeof XMLHttpRequest != "undefined") { return new XMLHttpRequest(); } // IE6- else if(typeof ActiveXObject != "undefined&quo…

AJAX初探,XMLHttpRequest介绍

AJAX初探,XMLHttpRequest介绍 AJAX AJAX = Asynchronous JavaScript and XML. 异步的JavaScript和XML. AJAX是一种在不需要重新加载整个页面的情况下,与服务器交换数据并更新部分网页的技术. 之前传统的网页如果需要更新内容,必须重新加载整个页面. AJAX基于已有标准,已被使用多年. 2005年的Google Suggest使其流行起来,当你输入关键字时,会返回搜索建议的列表. …

大熊君学习html5系列之------XHR2（XMLHttpRequest Level 2）

一,开篇分析 Hi,大家好!大熊君又和大家见面了,(*^__^*) 嘻嘻……,这系列文章主要是学习Html5相关的知识点,以学习API知识点为入口,由浅入深的引入实例, 让大家一步一步的体会"h5"能够做什么,以及在实际项目中如何去合理的运用达到使用自如,完美驾驭O(∩_∩)O~,好了,废话不多说,直接进入今天的主题, 今天主要讲的是“XMLHttpRequest Level 2 API”及在客户端浏览器中的作用,并且会引入一个实际的例子做为讲解的原型范例,让我们先来看看“XHR AP…

手动封装js原生XMLHttprequest异步请求

Code Object.extend =function(targetObj,fnJson){ //扩展方法,类似于jQuery的$.extend,可以扩展类的方法,也可以合并对象 for(var fnName in fnJson){ targetObj[fnName]=fnJson[fnName]; } return targetObj; }; HttpAjax = (function(){ function HttpAjax(options){ var settings={ type:'po…

XMLHttpRequest对象用法

xmlhttprequest is what? 用户后台与服务器交换数据. 可以在不重新加载页面的情况下更新网页: 在页面已加载后从服务器请求数据: 在页面已加载后从服务器接收数据: 在后台向服务器发送数据. 所有现代浏览器都支持XmlHttpRequest对象. create xmlhttprequest <script text="text/script"> var xmlhttp; function loadXMLDoc(url) { xmlhttp=null; if…

asp.net XMLHttpRequest 进度条以及lengthComputable always false的解决办法

一直用ajax好长时间了,对其原理也有一些了解,最近由于项目需要,使用ajax异步进度条的效果,就研究了一下,用原生的XMLHttpRequest实现进度条函数,XMLHttpRequest有以下函数可以使用,摘自(https://www.w3.org/TR/progress-events/) type attribute value Description Times When loadstart Progress has begun. Once. First. progress In pro…

创建XMLHttpRequest对象

创建XMLHttpRequest对象 XMLHttpRequest对象: 用于在后台与服务器交换数据,可以在不重新加载整个页面的情况下,对页面的部分内容进行更新. 创建XMLHttpRequest对象的语法: variable = new XMLHttpRequest();…

XMLHttpRequest简介

要真正实现这种绚丽的奇迹,必须非常熟悉一个 JavaScript 对象,即 XMLHttpRequest. 下面给出将要用于该对象的很少的几个方法和属性. ·open():建立到服务器的新请求. ·send():向服务器发送请求. ·abort():退出当前请求. ·readyState:提供当前 HTML 的就绪状态. ·responseText:服务器返回的请求响应文本. 1. 创建新的 XMLHttpRequest 对象 <script language="javascript&q…

兼容版本实现 XMLHttpRequest

创建XMLHttpRequest function createXmlHttp() { var xmlHttp = null; //根据window.XMLHttpRequest对象是否存在使用不同的创建方式 if (window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); //FireFox.Opera等浏览器支持的创建方式 } else { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP&q…

XMLHttpRequest.status状态码

XMLHttpRequest.status状态码1xx-信息提示这些状态代码表示临时的响应.客户端在收到常规响应之前,应准备接收一个或多个1xx响应. 100-继续. 101-切换协议. 2xx-成功这类状态代码表明服务器成功地接受了客户端请求. 200-确定.客户端请求已成功. 201-已创建. 202-已接受. 203-非权威性信息. 204-无内容. 205-重置内容. 206-部分内容. 3xx-重定向客户端浏览器必须采取更多操作来实现请求.例如,浏览器可能不得不请求服务器上的不同…

关于 XMLHttpRequest对象的onreadyStateChange方法

最近做了一个Ajax的demo,前台用HTML+javascript,后台用一个servlet来响应,流程如下: 页面点击链接事件,由js捕获,生成一个请求到后台,servlet处理后给出响应信息,并显示在页面上. 问题是,页面无法获取到servlet的响应信息. 初始代码 index.html <!DOCTYPE html> <html> <head> <title>Test H2</title> <style> #result{…

XMLHttpRequest

XMLHttpRequest对象的方法 abort() 取消当前所发出的请求 getAllResponseHeaders() 取得所有的HTTP头信息 getResponseHeader() 取得一个指定的HTTP头信息 open() 创建一个HTTP请求,并指定请求模式,例如:GET请求或POST请求 send() 将创建的请求发送到服务器端,并接收回应信息 setRequestHeader() 设置一个指定请求的HTTP头信息 XMLHttpRequest对象的属性 onreadysta…

SCRIPT7002: XMLHttpRequest: 网络错误 0x2ef3, 由于出现错误 00002ef3 而导致此项操作无法完成,浏览器中的Keep-Alive

http://www.cnblogs.com/OpenCoder/p/5089258.html IE中Keep-Alive机制引起的错误我们知道Http协议是基于TCP/IP连接的,也就是说客户端浏览器向服务器发出一个Http请求并得到响应是要建立一条TCP/IP连接的,但是如果每发出一个Http请求客户端就要向服务器端建立一条TCP/IP连接的话,这样效率会非常低,所以在Http协议中有一个叫做Keep-Alive的机制,如果在服务器端(IIS或Apache等Web服务器)启动Kee…

JavaScript使用XMLHttpRequest 發送GET/Post 請求

<!DOCTYPE HTML> <html> <head> <title>Demo</title> <script type="text/javascript"> var xmlHttp; //XmlHttpRequest对象 function createXMLHttpRequest() { var xmlHttp; if (window.XMLHttpRequest) { //非IE浏览器 xmlHttp =…

AJAX-创建XMLHttpRequest对象

AJAX-创建XMLHttpRequest对象 1.XMLHttpRequest是AJAX的基础,所有现在浏览器都支持,用于在后台与服务器交换数据,也就意味着可以在不加载整个页面的情况下对整个页面进行更新. 2.所有现代浏览器均支持XMLHttpRequest对象. 创建XMLHttpRequest对象语法:xmlhttp = new XMLHttpRequest(); 3. 对于所有现代浏览器,包括IE5,IE6.首先检查是否支持XMLHttpRequest对象,如果支持则创建XMLHtt…

XMLHttpRequest简单总结

一.概念 XMLHttpRequest 对象用于在后台与服务器交换数据. XMLHttpRequest 对象是能够: 在不重新加载页面的情况下更新网页在页面已加载后从服务器请求数据在页面已加载后从服务器接收数据在后台向服务器发送数据所有现代的浏览器都支持 XMLHttpRequest 对象. 二.创建 1.法1 <script language="javascript" type="text/javascript"> var xmlh…

通过XmlHttpRequest实现带进度条异步下载文件

本博文源自技术群的讨论,因为网上找不到实现这样效果的的代码,而我说没问题,可以实现,因此有人质疑我是否能做到,呵呵,现将我实现代码贴出如下,希望有兴趣的同学可以继续完善: 本代码仅做技术展现,请勿探讨其他细节.... <!DOCTYPE html> <html> <head> <title>Test XMLHttpRequest download with progress bar</title> <script type="te…

实现jquery.ajax及原生的XMLHttpRequest跨域调用WCF服务的方法

关于ajax跨域调用WCF服务的方法很多,经过我反复的代码测试,认为如下方法是最为简便的,当然也不能说别人的方法是错误的,下面就来上代码,WCF服务定义还是延用上次的,如: namespace WcfService1 { [ServiceContract] public interface IAddService { [OperationContract] [WebInvoke(Method="GET",RequestFormat=WebMessageFormat.Json, Resp…

实现jquery.ajax及原生的XMLHttpRequest调用WCF服务的方法

废话不多说,直接讲解实现步骤一.首先我们需定义支持WEB HTTP方法调用的WCF服务契约及实现服务契约类(重点关注各attribute),代码如下: //IAddService.cs namespace WcfService1 { [ServiceContract] public interface IAddService { [OperationContract] [WebInvoke(Method="POST",RequestFormat=WebMessageFormat.Js…

[Tool] Chrome内的本地网页，使用XMLHttpRequest读取本地档案

[Tool] Chrome内的本地网页,使用XMLHttpRequest读取本地档案问题情景开发Cordova这类以网页内容作为UI的Hybrid APP时,开发人员可以使用IDE的功能将程序布署到手机或是仿真器来侦错.但是以笔者的经验来说,要检视HTML网页元素.观看CSS样式继承,最顺手的开发者工具还是Chrome.这时如果开发人员选择透过Chrome来模拟Hybrid APP,以档案方式加载本地网页来侦错,并且在网页里使用了XMLHttpRequest来额外加载本地档案(ex:Angu…

[Android] WebView内的本地网页，使用XMLHttpRequest读取本地档案

[Android] WebView内的本地网页,使用XMLHttpRequest读取本地档案问题情景在Android里,可以使用WebView来呈现本地或是远程的网页内容.但是在显示本地网页时,如果开发人员在网页里使用了XMLHttpRequest来额外加载本地档案(ex:AngularJS里Route功能的TemplateURL),在部分手机上会呈现下列的错误讯息: Failed to execute 'send' on 'XMLHttpRequest': Failed to load '…

一些XMLHttpRequest的例子代码

以下例子摘录自:javascript权威指南 //异步请求(事件监听请求是否返回) function getText(url,callback){ var request = new XMLHttpRequest(); request.open('GET',url); request.onreadystatechange = function () { if(request.readyState === 4 && request.status === 200){ var type = re…

详细解读XMLHttpRequest（二）响应属性、二进制数据、监测上传下载进度

本文主要参考:MDN 分析并操作 responseXML属性如果你使用 XMLHttpRequest 来获得一个远程的 XML 文档的内容,responseXML 属性将会是一个由 XML 文档解析而来的 DOM 对象,这很难被操作和分析.这里有五种主要的分析 XML 文档的方式: 使用 XPath 定位到文档的制定部分. 使用 JXON 将其转换成 JavaScript 对象树. 手工的解析和序列化 XML 为字符串或对象. 使用 XMLSerializer 把 DOM 树序列化成字符串或…

详细解读XMLHttpRequest（一）同步请求和异步请求

本文主要参考:MDN XMLHttpRequest 让发送一个HTTP请求变得非常容易.你只需要简单的创建一个请求对象实例,打开一个URL,然后发送这个请求.当传输完毕后,结果的HTTP状态以及返回的响应内容也可以从请求对象中获取. 通过XMLHttpRequest生成的请求可以有两种方式来获取数据,异步模式或同步模式.请求的类型是由这个XMLHttpRequest对象的open()方法的第三个参数async的值决定的.如果该参数的值为false,则该XMLHttpRequest请求以同步模式进…

XMLHTTPRequest/Ajax请求和普通请求的区别

Ajax请求头会多一个x-requested-with参数,值为XMLHttpRequest 详情:http://blog.csdn.net/zhangdaiscott/article/details/20832747 另外Ajax请求结果,如果是一个页面跳转,那么目标页面的html内容会被放在回调函数的data参数里, 普通请求则会直接跳转.…

【XMLHttpRequest的使用】的更多相关文章