调试js的那些事儿

继上次做《搜索框--自动提示(仿Baidu)》的时候迁移到一个平台时,由于疏忽将ajax页面后台继承于System.Web.UI.Page 被修改为平台空间,导致ajax出错,爆出500错误,调试了差不多半天才发现错误,以此记录做留念

 1、这段js代码竟然报错:未知的执行阶段错误document.getElementById("search_suggest").innerHTML+="<div id='item" + i + "' class=' itemBg'   onmouseover=' beMouseOver(" + i +")' onmouseout=' beMouseOut(" + i + ")' onclick=' beClick(" + i + ")'>" + array[i] + "</div>";

  但是它又能够正确的运行,还不知道是怎么回事,需要继续研究。没办法只有把js错误屏蔽了,如下

 2、如何屏蔽JS错误:在页面的<script></script>加一句就可以不让页面左下角报js错误

  window.onerror=function(){return true;};

 3、alert随时输出错误啊

 4、ajax的 xmlhttpRequest.onreadystatechange 报错的时候可以使用xmlhttpRequest.responseText来看看错误具体内容。 

备注:

  // 方法:getAllResponseHeaders
    // 获取响应的所有http头
    // 语法:strValue = oXMLHttpRequest.getAllResponseHeaders();
    // 备注:每个http头名称和值用冒号分割,并以\r\n结束。当send方法完成后才可调用该方法。
    alert(xmlhttp.getAllResponseHeaders());
    // 方法:getResponseHeader
    // 从响应信息中获取指定的http头
    // 语法:strValue = oXMLHttpRequest.getResponseHeader(bstrHeader);
    // 备注:当send方法成功后才可调用该方法。如果服务器返回的文档类型为"text/xml", 则这句话
    // xmlhttp.getResponseHeader("Content-Type");将返回字符串"text/xml"。可以使用getAllResponseHeaders方法获取完整的http头信息。
    alert(xmlhttp.getResponseHeader("Content-Type")); // 输出http头中的Content-Type列:当前web服务器的版本及名称。

    // 方法:setRequestHeader
    // 单独指定请求的某个http头
    // 语法:oXMLHttpRequest.setRequestHeader(bstrHeader, bstrValue);
    // 参数:bstrHeader(字符串,头名称。)
    //       bstrValue(字符串,值。)
    // 备注:如果已经存在已此名称命名的http头,则覆盖之。此方法必须在open方法后调用。
    // xmlhttp.setRequestHeader(bstrHeader, bstrValue);

   

    // 属性:responseBody
       // 返回某一格式的服务器响应数据
       // 语法:strValue = oXMLHttpRequest.responseBody;
       // 备注:变量,此属性只读,以unsigned array格式表示直接从服务器返回的未经解码的二进制数据。
       alert(xmlhttp.responseBody);
      
       // 属性:responseStream
       // 以Ado Stream对象的形式返回响应信息
       // 语法:strValue = oXMLHttpRequest.responseStream;
       // 备注:变量,此属性只读,以Ado Stream对象的形式返回响应信息。
       alert(xmlhttp.responseStream);
      
         // 属性:responseText
       // 将响应信息作为字符串返回
       // 语法:strValue = oXMLHttpRequest.responseText;
       // 备注:变量,此属性只读,将响应信息作为字符串返回。XMLHTTP尝试将响应信息解码为Unicode字符串,
       // XMLHTTP默认将响应数据的编码定为UTF-8,如果服务器返回的数据带BOM(byte-order mark),XMLHTTP可
       // 以解码任何UCS-2 (big or little endian)或者UCS-4 数据。注意,如果服务器返回的是xml文档,此属
       // 性并不处理xml文档中的编码声明。你需要使用responseXML来处理。        
         alert(xmlhttp.responseText);
        
         // 属性:responseXML
       // 将响应信息格式化为Xml Document对象并返回
       // 语法:var objDispatch = oXMLHttpRequest.responseXML;
       // 备注:变量,此属性只读,将响应信息格式化为Xml Document对象并返回。如果响应数据不是有效的XML文档,
       // 此属性本身不返回XMLDOMParseError,可以通过处理过的DOMDocument对象获取错误信息。
       alert("Result = " + xmlhttp.responseXML.xml);
      
         // 属性:status
       // 返回当前请求的http状态码
       // 语法:lValue = oXMLHttpRequest.status;

   // 属性:statusText
       // 返回当前请求的响应行状态
       // 语法:strValue = oXMLHttpRequest.statusText;
       // 备注:字符串,此属性只读,以BSTR返回当前请求的响应行状态,此属性仅当数据发送并接收完毕后才可获取。
       alert(xmlhttp.statusText);

 

AJAX状态码说明

1**:请求收到,继续处理
2**:操作成功收到,分析、接受
3**:完成此请求必须进一步处理
4**:请求包含一个错误语法或不能完成
5**:服务器执行一个完全有效请求失败

※如果你觉得这篇文章不错,请点击推荐。如果你觉得我写的对你有用请关注我。
作者:Max蚊子
网站:feiger.cn         飞鸽博客,关注互联网、站长圈的程序员博客!
             
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
原文地址:https://www.cnblogs.com/kim01/p/2628047.html