Ajax-XMLHttpRequest

题目

  • 手动编写一个ajax,不依赖第三方库
  • 跨域的几种实现方式

知识点

  • XMLHttpRequest
  • 状态码说明
  • 跨域

以上是ajax的实现原理

IE低版本使用ActiveXObject , 和W3C标准不一样

readyState

  • 0--(未初始化) 还没有调用send()方法
  • 1--(载入)已调用send()方法,正在发送请求
  • 2--(载入完成)send()方法执行完成,已经接收到全部响应内容
  • 3--(交互)正在解析响应内容
  • 4--(完成)响应内容解析完成,可以做客户端调用了

status

  • 2xx -- 表示成功处理请求。如200
  • 3xx -- 需要重定向,浏览器直接跳转
  • 4xx -- 客户端请求错误,如404
  • 5xx -- 服务器端错误,如504
时间: 2024-10-12 03:28:15

Ajax-XMLHttpRequest的相关文章

【02】AJAX XMLHttpRequest对象

AJAX XMLHttpRequest对象 XMLHttpRequest 对象用于与服务器交换数据,能够在不重新加载整个网页(刷新)的情况下,对网页进行部分更新. XMLHttpRequest 对象是 AJAX 的基础,讲 AJAX ,大部分是在讲 XMLHttpRequest 对象. 所有现代浏览器(IE 7.0+.Chrome.FireFox.Opera.Safari)均支持 XMLHttpRequest 对象(IE5 和 IE6 使用 ActiveXObject). XMLHttpRequ

ajax——XMLHttpRequest

XMLHttpRequest对象.能够让ajax程序在不又一次载入的页面的情况下更新页面数据,页面载入完毕后从server接受发生数据.这样既减轻了server负担又回顾了响应速度,缩短了用户的等待时间,让web程序更类似于传统的桌面应用. XMLHttpRequest对象4步用法: 1.建立XMLHttpRequest对象. 建立XMLHttpRequest对象时,要依据浏览器的不同版本号去建立,由于IE5.0和iE6.0,开发者就能够在WEB页面内部使用XMLHTTP ActiveX组件扩展

不同浏览器创建 ajax XMLHTTPRequest对象的方法及兼容性问题总结

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

【转载并整理】AJAX XmlHttpRequest对象详解

一. XMLHttpRequest由来及原生介绍 XMLHttpRequest(XHR)是一个API对象,其中的方法可以用来在浏览器和服务器端传输数据.这个对象是浏览器的js环境提供的.从XHR获取数据的目的是为了持续修改一个加载过的页面,XHR是Ajax设计的底层概念.XHR使用的协议不同于HTTP,不仅可以使用XML格式的数据,也支持JSON,HTML或者纯文本. WHATWG组织负责维护一个动态的XHR标准文档.W3C基于WHATWG标准创建了一个固定的规范. 历史 XMLHttpRequ

原生Ajax XMLHttpRequest对象

一.Ajax请求 - 现在常见的前后端分离项目中,一般都是服务器返回静态页面后浏览器加载完页面,运行script中的js代码,通过ajax向后端api发送异步请求获取数据,然后调用回调函数,将数据添加到页面上   1.1 JQuery封装后的ajax请求   - 注意:jQuery Ajax本质 XMLHttpRequest 或 ActiveXObject 1 jQuery.get(...) 2 所有参数: 3 url: 待载入页面的URL地址 4 data: 待发送 Key/value 参数.

java 设置允许ajax XMLHttpRequest 请求跨域访问

在非IE下,使用XMLHttpRequest 不能跨域访问, 除非要访问的网页设置为允许跨域访问. 将网页设置为允许跨域访问的方法如下: Response.AddHeader("Access-Control-Allow-Origin", "*"); 或指定域名下可以访问: Response.AddHeader("Access-Control-Allow-Origin", "http://www.1688hot.com:80")

Ajax XMLHttpRequest对象的三个属性以及open和send方法

(1)onreadystatechange 属性onreadystatechange 属性存有处理服务器响应的函数.下面的代码定义一个空的函数,可同时对 onreadystatechange 属性进行设置: xmlHttp.onreadystatechange=function(){// 我们需要在这里写一些代码}(2)readyState 属性readyState 属性存有服务器响应的状态信息.每当 readyState 改变时,onreadystatechange 函数就会被执行. 这是 r

ajax遇到的问题

今天做了个小小的实验,用ajax XMLHttpRequest对象读取服务器上的txt文件里的内容,展示出来 直接把html文件放在桌面用浏览器打开,没有反应,部分代码如下: function oHttp_readyStateChange(){ if(oHttp.readyState==4){ if(oHttp.status==200){ alert(oHttp.responseText); }else{ alert("The server returned a status code of &

Ajax和XML极简介绍

Ajax全称Asynchronous JavaScript And XML,也就是异步JavaScript和XML.它是一种利用JavaScript脚本实现的在不刷新整个页面的情况下与服务器进行数据交换的技术,这与传统上与服务器的数据交换仅仅由浏览器自身完成不同.它可以提高网页的响应速度,增强用户体验. Ajax的实现依靠一个核心对象,即:XMLHttpRequest.这个对象有三个主要属性: 1. onreadystatechange:on开头,当然表示监听某种状态,实际上它监听的是服务器的响

Ajax浅谈

Ajax的核心技术是JavaScript,XMLHttpRequest,DOM. XMLHttpRequest,主要的通信代理,实现客户端与服务器端的异步数据交互: DOM,对已载入页面进行动态更新,实现动态显示和交互: JavaScript,编写Ajax引擎的脚本语言,同时负责绑定和处理所有数据,起到纽带的作用. XML,数据交互格式,随着XML的流行,其将成为Ajax不可缺少的一部分. 一.Ajax的优势是: 1.无刷新更新页面,按需取数据,只更新需要更新的部分,不需要刷新整个页面,减少服务