ajax简介及JS写原生ajax实例教程

ajax

1.什么是ajax
　　ajax 的全称是Asynchronous JavaScript and XML，其中， Asynchronous 是异步的意思,指的是异步 JavaScript 和 XML。
　　AJAX 是一种用于创建快速动态网页的技术。 通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下， 对的某部分进行更新。
　　传统的网页（不使用AJAX）如果需要更新内容，必需重载整 个网页面。
2.ajax所包含的技术
　　大家都知道ajax并非一种新的技术，而是几种原有技术的结合体。它由下 列技术组合⽽成。
　　　　1.使用CSS和XHTML来表示。
　　　　2. 使用DOM模型来交互和动态显示。
　　　　3.使用XMLHttpRequest来和服务器进行异步通信。
　　　　4.使用javascript来绑定和调用。
4.ajax原理
　　Ajax的原理简单来说通过XmlHttpRequest对象来向服务器发异步 请求，从服务器获得数据，然后用javascript来操作DOM而更新页面。
5.ajax请求的实现
　　1.创建XmlHttpRequest对象
　　　　if (window.XMLHttpRequest) {
　　　　　　// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
　　　　　　xmlhttp=new XMLHttpRequest();
　　　　} else {
　　　　　　// IE6, IE5 浏览器执行代码
　　　　xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
　　　　}
　　2.连接服务器
　　　　xmlhttp.open(“GET","http://127.0.0.1:8080",true);
　　3.发送请求

　　　　xmlhttp.send();
　　4.等待服务器返回内容，并处理
　　　　xmlhttp.onreadystatechange=function() {
　　　　if (xmlhttp.readyState==4 && xmlhttp.status==200) {
　　　　　　document.getElementById("btn").innerHTML=xmlhttp.responseText;
　　　　　　}
　　　　}

 

Atas ialah kandungan terperinci ajax简介及JS写原生ajax实例教程. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!