xmlhttp

以前，当我们点击了一个按钮，向服务器请求数据的时候，通常会有这么一个流程。浏览器向服务器发送Http请求→服务器返回整个页面→浏览器将原先的整个页面替换成新的页面。这样子做当然没有什么问题，但是比如在看土豆的视频的时候，想看一下下方的评论，不过瘾，想再看下一页的评论，这时候浏览器会向服务器发请求，要是正在看视频的时候整个页面重新加载，视频重加载一次，那简直不可饶恕。所以就产生了Ajax这种技术，用来进行页面的局部刷新，省的每次更新界面都得重新下载一个完整的界面。Ajax（Asynchronous JavaScript and XML，异步JavaScript和XML）是一种进行页面局部异步刷新的技术。用AJAX向服务器发送请求和获得服务器返回的数据并且更新到界面中，不是整个页面刷新，而是在HTML页面中使用JavaScript创建XMLHTTPRequest对象来向服务器发出请求以及获得返回的数据，就像JavaScript版的WebClient一样，在页面中由XMLHTTPRequest来发出Http请求和获得服务器的返回数据，这样页面就不会整个刷新了。 下面我们将用一个小例子来体验一下Ajax的神奇。我们将会做一个向服务器获取时间的小页面，这个东西将通过XmlHTTPRequest向服务器发送请求。 浏览器端的Ajax请求代码 <script type="text

ajax的实现原理 ajax的定义是 Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。它可以在不刷新页面的情况下提交请求与服务器进行交互动作。 ajax的主要对象就是通过 XmlHttpRequest 这个对象与服务器进行异步请求。随后通过获得的数据进行相应的操作，例如：通过javascript修改页面数据、样式。 XmlHttpRequest 有多个属性，了解这些属性才能知道原理。 onreadystatechange 每次状态改变所触发事件的事件处理程序。 responseText 从服务器进程返回数据的字符串形式。 responseXML 从服务器进程返回的DOM兼容的文档数据对象。 status 从服务器返回的数字代码，比如常见的404（未找到）和200（已就绪） status Text 伴随状态码的字符串信息 readyState 对象状态值 　例子如下所示 //1.创建ajax引擎对象 var xmlHttp = new XMLHttpRequest(); //2.绑定监听----监听服务器返回的数据 xmlHttp.onreadystatechange = function(){ if(xmlHttp.readyState==4&xmlHttp.status==200){ //确定引擎对象的两个参数的值为正常

1. AJAX： 2. JSON AJAX： 1. 概念： ASynchronous JavaScript And XML 异步的JavaScript 和 XML 1. 异步和同步：客户端和服务器端相互通信的基础上 * 客户端必须等待服务器端的响应。在等待的期间客户端不能做其他操作。 * 客户端不需要等待服务器端的响应。在服务器处理请求的过程中，客户端可以进行其他的操作。 Ajax 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。 [1] 通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。 传统的网页（不使用 Ajax）如果需要更新内容，必须重载整个网页页面。 提升用户的体验 2. 实现方式： 1. 原生的JS实现方式（了解） //1.创建核心对象 var xmlhttp; if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } //2. 建立连接 /* 参数： 1.

AJAX应用的五个步骤 1.建立xmlHttpRequest对象 if(window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); if(xmlHttp.overrideMimeType) { xmlHttp.overrideMimeType(“text/xml”); } } else if(window.ActiveXobject) { var activeName = [“MSXML2.XMLHTTP”, “Microsoft.XMLHTTP”]; for(var i = 0; i < activeName.length; i++) { try { xmlHttp = new ActiveXobject(activeName[i]); break; } catch(e) {} } } if(!xmlHttp) { alert(“创建xmlhttprequest对象失败”); } else {} 2.设置回调函数 xmlHttp.onreadystatechange= callback; function callback(){} 3.使用OPEN方法与服务器建立连接 xmlHttp.open(“get”,“ajax?name=”+ name,true) 此步注意设置http的请求方式（post/get）,如果是POST方式

ajax核心代码：XMLHttpRequest //定义IE所有支持的XMLHttpRequest对象版本字符串 var allVersion = ["Msxml.xmlhttp.5.0","Msxml.xmlhttp.4.0","Msxml.xmlhttp.3.0","Msxml.xmlhttp","Microsoft.xmlhttp"]; if(window.XMLHttpRequest){ var xht =new XMLHttpRequest(); } else{ for(var i=0;i<allVersion.length;i++){ try{ var xht = new ActiveXObject(allVersion[i]);} catch(e){ continue; } break; } try{ xht.open('get','server.html','true'); xht.onreadystatechange = function(){ if(xht.readyState ==4&&xht.status==200){ alert(xht.responseText);} } xht.send(null); catch(e1){ //在IE下必须运行在服务器环境中，否则将得到拒绝访问的异常信息 alert(e1.message); } } 来源： https:

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 主要内容 ： 这里是列表文本这里是列表文本使用XMLHttpRequest 对象 使用XMLHttpRequest 事件 跨域ajax 通信的限制 **ajax ** 全名：asynchronous javascript + xml 的简写 改变了web诞生依赖单击等待的模式。 ajax的技术核心：XMLHttpRequest 对象（简称 XHR)。 这是微软引进的一个特性,在这之前ajax的 通信必须借助一些hack 手段进行。 XHR 为向服务器发送请求和接收服务器的响应提供了一系列的接口。能够以异步的方式从服务器获取更多信息。也就是说可以使用XHR 获取新数据，然后通过DOM将数据插入到页面中。 此外，虽然名字中包含XHR，但 ajax通信与数据格式无关，获得的数据不一定就是xml数据。 历史 ： IE5 是第一款引入XHR的浏览器 。在IE5中 XHR对象是通过MSXML库中的一个ActiveX对象实现的。 在IE5中 可能遇到三种不同版本的XHR 对象。即 MSXML2.XMLHttp、 MSXML2.XMLHttp.3.0、 MSXML2.XMLHttp.6.0。 IE7之前的 版本 要使用MSXML库中的XHR 对象，需要编写一个函数： 这个函数会根据可用的MSXML库创建最新版本的XHR对象。

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> XMLHttpRequest 对象用于在后台与服务器交换数据。 创建 XMLHttpRequest 对象 所有现代浏览器 (IE7+、Firefox、Chrome、Safari 以及 Opera) 都内建了 XMLHttpRequest 对象。 创建 XMLHttpRequest 对象的语法： xmlhttp=new XMLHttpRequest(); 老版本的 Internet Explorer （IE5 和 IE6）使用 ActiveX 对象： xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); <script type="text/javascript"> var xmlhttp; function loadXMLDoc(url) { xmlhttp=null; if (window.XMLHttpRequest) {// code for all new browsers xmlhttp=new XMLHttpRequest(); } else if (window.ActiveXObject) {// code for IE5 and IE6 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } if

简介 Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式网页应用的网页开发技术。 Ajax = 异步 JavaScript 和 XML（标准通用标记语言的子集）。 Ajax 是一种用于创建快速动态网页的技术。 Ajax 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。 通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。 传统的网页（不使用Ajax）如果需要更新内容，必须重载整个网页页面。 1.AJAX使用基本技巧和实现原理 先看一个ajax小例子： <html> <body> #设置一个事件来触发 <div id="contentid"> <h3>this is a ajax test!!!</h3> <button type="button" onclick="loadXMLDoc()" >chenge Content</button> </div> <script type="text/javascript"> #具体AJAX实现 function loadXMLDoc(){ #创建XMLHttpRequest对象，它是AJAX的基础 var xmlhttp;

Ajax是可以用来与服务器进行通讯的一种技术，它可以在不刷新页面的情况下进行异步通讯并获得返回结果。 Ajax常用的请求方式有两种，GET和POST，接下来将详细给出这两种请求方式的异同，以及Ajax使用时需要注意的地方。 1 GET请求 get请求一般用在向服务器请求某些资源，例如请求一段文章，或者一张图片等等。 下面是完整的get请求的方式 我们可以看到，在获得XMLHttpRequest对象的时候我们进行了一个判断，这是因为 所有现代浏览器 (IE7+、Firefox、Chrome、Safari 以及 Opera) 都内建了 XMLHttpRequest 对象， 而IE6或以下的需要用到ActiveXObject才能构建，所以需要进行判断，不过这个判断不加似乎也没事，因为现在几乎不可能有人 使用IE6以下的浏览器了 let url = "http://localhost/StarRing/public/StarRing.php/StarRing/Articles/AjaxGet"; //1 定义xmlHttpRequset对象 let xmlHttp; if (window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); } else if (window.ActiveXObject) { xmlHttp = new

参考： http://www.w3school.com.cn/ajax/index.asp http://www.w3school.com.cn/php/php_ajax_intro.asp 什么是 AJAX ？ AJAX = 异步 JavaScript 和 XML。 AJAX 是一种用于创建快速动态网页的技术。 XMLHttpRequest 是 AJAX 的基础。 创建 XMLHttpRequest 对象 function GetXmlHttpObject() { var xmlHttp=null; try { // Firefox, Opera 8.0+, Safari xmlHttp=new XMLHttpRequest(); } catch (e) { // Internet Explorer try { xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); } } return xmlHttp; } XMLHttpRequest 对象用于和服务器交换数据。 如需将请求发送到服务器，我们使用 XMLHttpRequest 对象的 open() 和 send() 方法： xmlhttp.open("GET",