初识Ajax

1. 创建新的 XMLHttpRequest 对象
           <script language="javascript" type="text/javascript">
                 var xmlHttp = new XMLHttpRequest();
          </script>
2. 用 JavaScript 代码捕获和设置字段值
        // 设置名字为电话的表单的值并赋给变量phone
      var phone = document.getElementById("phone").value;
      // 用一个数组型的response来为表单里的text赋值
     document.getElementById("order").value = response[0];
     document.getElementById("address").value = response[1];
3. 在 Microsoft 浏览器上创建 XMLHttpRequest 对象
    var xmlHttp = false;
  try {
    xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
  } catch (e) {
  try {
    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  } catch (e2) {
    xmlHttp = false;
  }
}

 

 4. 以支持多种浏览器的方式创建 XMLHttpRequest 对象

 

   /*创建一个新的XMLHttpRequest对象来通知web服务器 */
var xmlHttp = false;
/*@cc_on @*/
/*@if (@_jscript_version >= 5)
try {
  xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
  try {
    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  } catch (e2) {
    xmlHttp = false;
  }
}
@end @*/
if (!xmlHttp && typeof XMLHttpRequest != 'undefined') {
  xmlHttp = new XMLHttpRequest();
}

 

5. 发出 Ajax 请求
    function callServer() {

   //得到城市和状态从web表单中
  var city = document.getElementById("city").value;
  var state = document.getElementById("state").value;
  
  if ((city == null) || (city == "")) return;
  if ((state == null) || (state == "")) return;

  //构建Url来连接
  var url = "/scripts/getZipCode.php?city=" + escape(city) + "&state=" + escape(state);

  //打开到服务器的链接
  xmlHttp.open("GET", url, true);

  //当异步对象的状态改变时，为它调用一个函数

  xmlHttp.onreadystatechange = updatePage;
  //发送请求 

  xmlHttp.send(null);
}

 

6. 处理服务器响应

function updatePage() {
  if (xmlHttp.readyState == 4) {
    var response = xmlHttp.responseText;
    document.getElementById("zipCode").value = response;
  }
}

刚开始学习Ajax 希望和大家一起来学习Ajax 一起来讨论这个好东西

现在很多公司都用的是IBM的技术不错哦

我觉得IBM java的资料非常不错 ，网页形式的文档看着舒服（当然还有其他的资料） 大家顶下哦 下面是网址

http://www.ibm.com/developerworks/cn/xml/wa-ajaxintro1.html