ajax 最初级笔记

1: 熟练使用 document.getElementById("name").value;
2:熟练创建xmlhttp,使得可以和服务器通讯
   <script language="javascript" type="text/javascript">
    var xmlhttp = new XMLHTTPRequest();    //用于非IE
    var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");  //用于IE
   </script>
3:烂记于心固定流程
(1)从Web 表单中获取需要的数据。
(2)建立要连接的 URL。如果用get方法,则通常在url后附上请求的参数,如 \aa.jsp?a=aa&b=bb
(3)打开到服务器的连接。 xmlhttp.open("GET/POST",url,true); true指定用异步,
                        get和post两种方法不同,其中post需要设置头部
(4)设置服务器在完成后要运行的函数。
(5)发送请求.通常如果get能解决了的就使用send(null),仅仅用send来发送xml数据,安全数据
4: 理解 XMLHTTPRequest方法和属性。
  (1)创建XMLHTTPRequest,下面这些代码在用户与浏览器交互前执行,属于静态javascript
/***************************************************/
<script language="javascript" type="text/javascript">
var request = false;
try {
  request = new XMLHttpRequest();
} catch (trymicrosoft) {
  try {
    request = new ActiveXObject("Msxml2.XMLHTTP");
  } catch (othermicrosoft) {
    try {
      request = new ActiveXObject("Microsoft.XMLHTTP");
    } catch (failed) {
      request = false;
    }
  }
}

if (!request)
  alert("Error initializing XMLHttpRequest!");
</script>
/***************************************************/
   同样可以将创建XMLHTTPRequest代码移动到方法中,尚不知每种方法所适用的条件是什么?如下所示。
/***************************************************/
<script language="javascript" type="text/javascript">
var request = false;
function createRequest() {
  try {
    request = new XMLHttpRequest();
  } catch (trymicrosoft) {
    try {
      request = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (othermicrosoft) {
      try {
        request = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (failed) {
        request = false;
      }
    }
  }

  if (!request)
    alert("Error initializing XMLHttpRequest!");
}
</script>
/***************************************************/

5:理解XMLHTTPResponse的属性responseText和responseXML

相关文章

随机推荐:

相关链接

helloajax.com
专注Ajax、Asp.Net、JavaScript技术