xmlhttp | 易学教程

AJAX-服务器响应

阅读更多关于 AJAX-服务器响应

服务器响应如需获得来自服务器的响应，请使用 XMLHttpRequest 对象的 responseText 或 responseXML 属性。 responseText 获得字符串形式的响应数据 document.getElementById("myDiv").innerHTML=xmlhttp.responseText; responseXML 获得XML形式的响应数据 xmlDoc = xmlhttp . responseXML ; txt = " " ; x = xmlDoc . getElementsByTagName ( " ARTIST " ) ; for ( i = 0 ; i < x . length ; i ++ ) { txt = txt + x [ i ] . childNodes [ 0 ] . nodeValue + " <br> " ; } document . getElementById ( " myDiv " ) . innerHTML = txt ; 注：xmlhttp是XMLHttpRequest 对象。来源： https://www.cnblogs.com/1016391912pm/p/11863824.html

使用Ajax中get请求发送Token时踩的那些坑

阅读更多关于使用Ajax中get请求发送Token时踩的那些坑

在使用惯了各种牛X的插件以后，在使用原生组件写一些小东西的时候总是有踩不完的坑！今天就来说一说我使用原生ajax请求时踩得坑：下面是我的代码： 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"); } xmlhttp.setRequestHeader('Authorization', Token); xmlhttp.open("GET", url, true); xmlhttp.send(); xmlhttp.onreadystatechange = function() { if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { 　　console.log(xmlhttp.responseText) } 这时候控制台直接给我报了以下错误： Uncaught DOMException: Failed to execute 'setRequestHeader' on

17AJAX&JSON

阅读更多关于 17AJAX&JSON

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

AJAX--XMLHttpRequest对象

阅读更多关于 AJAX--XMLHttpRequest对象

创建XMLHttpRequest对象 XMLHttpRequest是AJAX的基础。所有现代浏览器（IE7+、Firefox、Chrome、Safari以及Opera）均内建XMLHttpRequest对象。注：IE5/IE6需要使用ActiveRequest对象。向服务器发送请求 xmlhttp.open("GET","ajax_info.txt",true); xmlhttp.send(); GET 还是 POST？与 POST 相比，GET 更简单也更快，并且在大部分情况下都能用。然而，在以下情况中，请使用 POST 请求：无法使用缓存文件（更新服务器上的文件或数据库）向服务器发送大量数据（POST 没有数据量限制）发送包含未知字符的用户输入时，POST 比 GET 更稳定也更可靠来源： https://www.cnblogs.com/1016391912pm/p/11846477.html

PHP 和 AJAX Live Search

阅读更多关于 PHP 和 AJAX Live Search

AJAX 可为用户提供更友好、交互性更强的搜索体验。 AJAX Live Search 在下面的 AJAX 例子中，我们将演示一个实时的搜索。实时的搜索与传统搜索相比，具有很多优势：当键入数据时，就会显示出匹配的结果当继续键入数据时，对结果进行过滤如果结果太少，删除字符就可以获得更宽的范围在下面的文本框中搜索 W3School 的页面本例包括四个元素：简单的 HTML 表单 JavaScript PHP 页面 XML 文档在本例中，结果在一个 XML 文档 (links.xml) 中进行查找。为了让这个例子小而简单，我们只提供 8 个结果。 HTML 表单这是 HTML 页面。它包含一个简单的 HTML 表单，针对此表单的 CSS 样式，以及指向 JavaScript 的链接： <html> <head> <script src="livesearch.js"></script> <style type="text/css"> #livesearch { margin:0px; width:194px; } #txt1 { margin:0px; } </style> </head> <body> <form> <input type="text" id="txt1" size="30" onkeyup="showResult(this.value)"> <div

Ajax学习体验之一

阅读更多关于 Ajax学习体验之一

在没有使用Ajax之前，总觉得Ajax很神秘，局部刷新、与服务器通信等，知道学习了Ajax之后，了解了Ajax语法之后，知道了其语法相当精简，扼要。下面就来说一说Ajax的精妙 AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。 XMLHttpRequest是Ajax的基础现在大部分浏览器均支持XMLHttpRequest对象（部分IE5 、IE6使用ActiveXObject） XMLHttpRequest用于在后台与服务器的数据交换，在不重新加载整个网页的情况下，对网页的部分内容进行加载在调用Ajax时，需要先创建XMLHttpRequest对象 variable = new XMLHttpRequest（）；而在老版本的IE中使用该Acticex对象 variable = new ActiveXobject（“Microsoft.XMLHTTP”）； var xmlhttp; if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject(

AJAXdemo_sync.html Async = false

阅读更多关于 AJAXdemo_sync.html Async = false

Async = false 如需使用 async=false，请将 open() 方法中的第三个参数改为 false： xmlhttp.open("GET","test1.txt",false); 我们不推荐使用 async=false，但是对于一些小型的请求，也是可以的。请记住，JavaScript 会等到服务器响应就绪才继续执行。如果服务器繁忙或缓慢，应用程序会挂起或停止。注释：当您使用 async=false 时，请不要编写 onreadystatechange 函数 - 把代码放到 send() 语句后面即可： xmlhttp.open("GET","test1.txt",false); xmlhttp.send(); document.getElementById("myDiv").innerHTML=xmlhttp.responseText; <html> <head> <title> AJAXdemo_sync.html </title> <meta charset="UTF-8"> <script type="text/javascript"> function loadXMLDoc() { var xmlhttp; if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera,

原生Ajax实现异步数据传输

阅读更多关于原生Ajax实现异步数据传输

描述：不用前端js框架（如jQuery、Dojo、ext、proptype等）的原生Ajax，异步实现与后台的数据传输，不依赖任何js包 - 五个步骤注：所有js代码均位于某一个js文件中，调用函数只需要引入该文件 - 1.建立XMLHttpRequest对象 //全局变量，记录建立的XMLHttpRequest对象 var xmlhttp; //AjaxDemo function ajaxDemo () { //通过页面内置dom对象来获取对应位置的输入数据 var input = document.getElementById( "inputId" ).value; //针对FireFox，Mozillar，Opera，Safari，IE7，IE8 if (window.XMLHttpRequest) { xmlhttp = new XMLHttpRequest(); //针对某些特定版本的mozillar浏览器的BUG进行修正 if (xmlhttp.overrideMimeType) { xmlhttp.overrideMimeType( "text/xml" ); } } else if (window.ActiveXObject) { //针对IE6，IE5.5，IE5 //两个可以用于创建XMLHTTPRequest对象的控件名称 var activexName =

Ajax里的 XMLHttpRequest对象

阅读更多关于 Ajax里的 XMLHttpRequest对象

XMLHttpRequest 对象是AJAX功能的核心，要开发AJAX程序必须从了解XMLHttpRequest 对象开始。了解XMLHttpRequest 对象就先从创建XMLHttpRequest 对象开始，在不同的浏览器中创建XMLHttpRequest 对象使用不同的方法：先看看IE创建XMLHttpRequest 对象的方法（方法1）： var xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); //使用较新版本的 IE 创建 IE 兼容的对象（Msxml2.XMLHTTP） var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); //使用较老版本的 IE 创建 IE 兼容的对象（Microsoft.XMLHTTP）而 Mozilla、Opera、Safari 和大部分非IE的浏览器都使用下面这种方法（方法2）创建XMLHttpRequest 对象： var xmlhttp = new XMLHttpRequest(); 实际上Internet Explorer 使用了一个名为 XMLHttp 的对象，而不是 XMLHttpRequest 对象，而 Mozilla、Opera、Safari 和大部分非 Microsoft 浏览器都使用的是后者（下文统称

【Ajax】--同一页面无法多次使用XmlHttp发起Ajax请求的真实原因

阅读更多关于【Ajax】--同一页面无法多次使用XmlHttp发起Ajax请求的真实原因

同一页面无法多次使用XmlHttp发起Ajax请求的真实原因当该页面第一次发出Ajax请求的时候可以正常运行，但是从第二次调用开始发现——onreadystatechange()事件再也没有被调用！于是上Google查了一下，发现还有不少人为此感到困扰，而且发现很多人持有的是这个错误的观点：他们说这是因为一个XmlHttp只能使用一次send()，每次要使用新的XmlHttp。但是我的XmlHttp是函数内的局部变量，函数执行完毕它就会被销毁啊，而且即使我在函数的开头把它赋值null也没有用。 /*然后我发现一个十分有意义的帖子 */ 原来是这个原因，由于IE浏览器有缓存，第一次发送的Ajax请求确实被发送出去了，也接收到了回应，所以就触发了onreadystatechange()事件。但是从第二次起IE浏览器发现缓存里面已经有请求的页面，于是Ajax请求将不再被发送出去，这样当然也不会触发onreadystatechange()事件了。所以只要我们在Url里加上+"&"+Math.random()就可以避免这个问题。当我做了这样修改后果真就可以在同一页面多次使用XmlHttp发起Ajax请求了。接着我把xmlhttp = null删除掉也仍然可以正常运行了。附代码如下： <script type="text/javascript"> function

订阅 xmlhttp