AJAX 基础知识整合复习总结

AJAX 基础知识整合复习总结

不刷新页面更新网页。可以更新网页的部分，而不需要重新加载整个页面。在页面加载后从服务器请求数据。在页面加载后从服务器接收数据。在后台向服务器发送数据。AJAX 并不是编程语言。
AJAX 是一种从网页访问 Web 服务器的技术。AJAX 代表异步 JavaScript 和 XML。（AJAX = Asynchronous JavaScript And XML）
XMLHttpRequest 对象用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。浏览器是否支持 XMLHttpRequest 对象。if (window.XMLHttpRequest){xmlhttp=new XMLHttpRequest();}
无需等待服务器的响应，而是：在等待服务器响应时执行其他脚本，当响应就绪后对响应进行处理。
但是对于一些小型的请求，使用 async=false，也是可以的。JavaScript 会等到服务器响应就绪才继续执行。如果服务器繁忙或缓慢，应用程序会挂起或停止。使用 async=false 时，请不要编写 onreadystatechange 函数 - 把代码放到 send() 语句后面即可。
如需将请求发送到服务器，我们使用 XMLHttpRequest 对象的 open() 和 send() 方法：
open(method,url,async)  ||method：请求的类型；GET 或 POST，url：文件在服务器上的位置；async：true（异步）或 false（同步）。// xmlhttp.open("GET","test1.txt",true);
send(string)	  ||string：仅用于 POST 请求		//xmlhttp.send();
该文件可以是任何类型的文件，或者服务器脚本文件，比如 .asp 和 .php （在传回响应之前，能够在服务器上执行任务）。
POST 比 GET 更稳定也更可靠；与 POST 相比，GET 更简单也更快；POST 没有数据量限制；更新服务器上的文件或数据库用POST。
如果需要像 HTML 表单那样 POST 数据，请使用 setRequestHeader() 来添加 HTTP 头。然后在 send() 方法中规定您希望发送的数据：
xmlhttp.open("POST","ajax_test.asp",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded"); //向请求添加 HTTP 头
xmlhttp.send("fname=Bill&lname=Gates");
当使用 async=true 时，请规定在响应处于 onreadystatechange 事件中的就绪状态时执行的函数：
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","test1.txt",true);
xmlhttp.send();
如需获得来自服务器的响应，请使用 XMLHttpRequest 对象的 responseText（获得字符串形式的响应数据） 或 responseXML （获得 XML 形式的响应数据）属性。
XMLHttpRequest 对象的三个重要的属性：
readyState：存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。0: 请求未初始化；1: 服务器连接已建立；2: 请求已接收；3: 请求处理中；4: 请求已完成，且响应已就绪。
status	：200: "OK"；404: 未找到页面；403: "Forbidden"。
onreadystatechange：每当 readyState 属性改变时，就会调用该函数。
onchange="showCustomer(this.value)"  //获取标签元素的值。
AJAX 可用来与 XML 文件进行交互式通信。||xmlhttp.responseXML.documentElement.getElementsByTagName("CD");
AJAX 可用来与数据库进行动态通信。AJAX 用于创造动态性更强的应用程序。


学了之后，如果不经常使用，过了不久便会忘记，学会总结，善于总结是一种习惯！以便于忘了之后，回来翻看便能迅速拾起知识！！！


多动手，多总结！
多动手，多总结！
多动手，多总结！