ajax常见错误和使用总结

<script type="txt/javascript">
//1、在IE中实例化Msxml2.XMLHTTP对象  Msxml2.XMLHTTP是IE浏览器的内置对象，该对象具有异步提交数据和获取结果的功能
var  xmlHttp=false;
function initAJAX()
{
    if(window.XMLHttpRequset)
     {
         xmlHttp=new XMLHttpRequest();
     }
    else if(window.ActiveXObject)
　　 {
        try { 
            xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
            }
        catch(e){
              try{
             xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
              }
            catch(e)
                {
                     window.alert("该浏览器不支持AJAX");
                }
       } 
   }
}
//2、指定异步提交的目标和提交方式，调用xmlHttp的open方法true 表示异步请求 
 xmlhttp.open("get","info.jsp","true");
//3、指定当xmlHttp状态改变时，需要进行处理
//xmlHttp的状态不断变化，其状态保存在xmlHttp的readyState属性中，用xmlHttp.readyState表示，常见readyState属性如下
//0：为初始化状态，对象以创建，尚未调用open（）
//1：已初始化状态，调用open（）方法以后
//2：发送数据状态，调用send()方法以后
//3：数据传送状态，已经接受到部分数据，但接受尚未完成
//4：完成状态，数据全部接受完成
xmlHttp.onreadystatechange=function()
{
   //处理代码
   if（xmlHttp.readyState==4）
    {
         infoDiv.innerHTML=xmlHttp.responseText；
     }
}
//还可以infoDiv.innerText中，xmlHttp.responseText表示目标文件得到的输出的文本内容，xmlHttp.responseXml表示提交目标得到的xml格式的数据，
//或者xmlHtttp.onreadyStatechange=handle;
  function handle()
{
   //处理代码
}
//调用xmlHttp的send函数 如果请求方法是get的话，send可以没有参数，或者参数是null,如果请求方式的post,可以将需要传送的内容传入send函数中以字符串的形式发出，及时是post
//即使是post提交方式send函数还是可以将参数置空，可以将参数放在url后面进行请求。
 xmlhttp.send();
</script>

  $.ajax({
            type: "POST",
            contentType: "application/json",
            url: "WS_Page.asmx/InitList",
            data: "{id:'" + $("#txtId").val() + "',url:'" + $("#txtUrl").val() + "',ip:'" + $("#txtIp").val() + "'}",
            datatype: 'json',
            cache: false,
            success: function(json) {
                var objlist = eval(json.d); 
                $.each(objlist, function(n, obj) {
                    strhtml += "<tr >";
                    strhtml += "<td>";
                    strhtml += obj.id;
                    strhtml += "</td>";
                    strhtml += "<td>";
                    strhtml += obj.url;
                    strhtml += "</td";
                    strhtml += "<td>";
                    strhtml += obj.ip;
                    strhtml += "</td>";
                    strhtml += "<td>";
                    strhtml += obj.updatetime;
                    strhtml += "</td>";
                    strhtml += "<td>";
                    strhtml += "<input type='button' value='编辑'onclick='javascript:location.href=\"Manager.aspx?id=" + obj.id + "\"'/>  ";
                    strhtml += "<input type='button' value='删除'onclick='deleteInfo(" + obj.id + ")'/>";
                    strhtml += "</td>";
                    strhtml += "</tr>";
                })      
                $("#liststr").append(strhtml);
            },
            error: function(err) {
                alert(err.responseText);
            }
        });

$.ajax({
            type: "POST",
            contentType: "application/json",
            url: "WS_Page.asmx/InitList",
            data: "{id:'" + $("#txtId").val() + "',url:'" + $("#txtUrl").val() + "',ip:'" + $("#txtIp").val() + "'}",
            datatype: 'json',
            cache: false,
            success: function(json) {
                 return false;
            },
            error: function(err) {
                alert(err.responseText);
            }
 });

var boo=true;
$.ajax({
            type: "POST",
            contentType: "application/json",
            url: "WS_Page.asmx/InitList",
            data: "{id:'" + $("#txtId").val() + "',url:'" + $("#txtUrl").val() + "',ip:'" + $("#txtIp").val() + "'}",
            datatype: 'json',
            cache: false,
            success: function(json) {
                 boo=false;
            },
            error: function(err) {
                alert(err.responseText);
            }
 });