使用Ajax须留心两类错误。它们的差别源于视角的不同。

第一类错误是从XMLHttpRequest对象的角度看到的问题：某些因素阻止了请求发送到server，比如DNS无法解析主机名，连接请求被拒绝。或者URL无效。

第二类错误是从应用程序的角度看到的问题：它们发生于请求成功发送至server，server接受请求。进行处理并生成响应，但该对应并不指向你期望的内容时。比如：假设你请求的URL不存在，这类问题就会发生。

有三种方式能够处理这些错误，例如以下代码所看到的：

<!DOCTYPE html>

<html lang="zh-CN">

<head>

    <meta charset="UTF-8">

    <title>上海远地资产管理有限公司</title>

    <meta name="author" content="jason"/>

    <meta name="description" content="上海远地资产管理有限公司（简称：远地资产），是一家专业的互联网金融服务平台."/>

    <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"/>

</head>

<body>

    <div>

        <button>Apples</button>

        <button>Cherries</button>

        <button>Bananas</button>

        <button>Cucumber</button>

        <button id="badhost">Bad Host</button>

        <button id="badurl">Bad URL</button>

    </div>

    <div id="target">

        载入内容

    </div>

    <div id="errormsg"></div>

    <div id="statusmsg"></div>

    <script>

        var buttons=document.getElementsByTagName("button");

        for(var i=0;i<buttons.length;i++){

            buttons[i].onclick=handleButtonPress;

        }

        var httpRequest;

        function handleButtonPress(e){

            clearMessages();

            httpRequest=new XMLHttpRequest();

            httpRequest.onreadystatechange=handleResponse;

            httpRequest.onerror=handleError;

            try{

                switch (e.target.id){

                    //处理请求错误：请求已生成。但主机名不能被DNS解析

                    case "badhost":

                        httpRequest.open("GET","http://a.nodomain/doc.html");

                        break;

                    //处理设置错误：向XMLHttpRequest对象传递了错误的数据，比方格式不对的URL

                    case "badurl":

                        httpRequest.open("GET","http://");

                        break;

                    //处理应用程序错误：请求已成功完毕，但当你请求某个不存在的文档时，会获得404的状态码。

                    default:

                        httpRequest.open("GET", e.target.innerHTML+".html");

                        break;

                }

                httpRequest.send();

            }catch(error){

                displayErrorMsg("try/catch",error.message);

            }

        }

        function handleError(e){

            displayErrorMsg("Error event",httpRequest.status+httpRequest.statusText);

        }

        function handleResponse(){

            if(httpRequest.readyState==4){

                var target=document.getElementById("target");

                if(httpRequest.status==200){

                    target.innerHTML=httpRequest.responseText;

                }else{

                    document.getElementById("statusmsg").innerHTML="Status:"+httpRequest.status+" >>"+httpRequest.statusText;

                }

            }

        }

        function displayErrorMsg(src,msg){

            document.getElementById("errormsg").innerHTML=src+": "+msg;

        }

        function clearMessages(){

            document.getElementById("errormsg").innerHTML="";

            document.getElementById("statusmsg").innerHTML="";

        }

    </script>

</body>

</html>

javascript之处理Ajax错误的更多相关文章

  1. 【温故而知新-Javascript】使用 Ajax

    Ajax 是现代Web 应用程序开发的一项关键工具.它让你能向服务器异步发送和接收数据,然后用 Javascript 解析. Ajax 是 Asynchronous JavaScript and XM ...

  2. javascript进阶之AJAX

    AJAX 一 AJAX预备知识:json进阶 1.1 什么是JSON? JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.JSON是用字符串来表示Javas ...

  3. jQuery之ajax错误调试分析

    jQuery中把ajax封装得非常好.但是日常开发中,我偶尔还是会遇到ajax报错.这里简单分析一下ajax报错 一般的jQuery用法如下,ajax通过post方式提交"汤姆和老鼠&quo ...

  4. Ajax错误 “SCRIPT7002: XMLHttpRequest: 网络错误 0x2ef3, 由于出现错误 00002ef3 而导致此项操作无法完成” 的归纳总结

    最近在做Asp.net项目的时候,用Ajax访问服务器数据有时候老是莫名其妙的报错:SCRIPT7002: XMLHttpRequest: 网络错误 0x2ef3, 由于出现错误 00002ef3 而 ...

  5. 《JAVASCRIPT高级程序设计》错误处理与调试

    一.错误处理 错误处理在程序设计中的重要性是毋庸置疑的,任何有影响力的web应用程序都需要一套完善的错误处理机制.良好的错误机制可以让用户得到提醒,知道发生了什么事. 1.try-catch语句 tr ...

  6. ajax错误类型大全

    https://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html ajax错误类型大全

  7. 用javascript写原生ajax(笔记)

    AJAX  的全名叫做  Asynchronous JavaScript and XML(异步的 JavaScript 和 XML).它最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并 ...

  8. javascript实现原生ajax

    自从javascript有了各种框架之后,比如jquery,使用ajax已经变的相当简单了.但有时候为了追求简洁,可能项目中不需要加载jquery这种庞大的js插件.但又要使用到ajax这种功能该如何 ...

  9. $.ajax 错误信息

    $.extend({ getHtml:function(url,callback){ $.ajax({ dataType:"html", url:url, timeout:1500 ...

随机推荐

  1. DzzOffice结合office web Apps私有部署的实例

    很多朋友都想在自己使用的DzzOffice中,调用本地部署的office web Apps server. 下面我就直接从头到尾的将部署全部过程分享给大家. 准备条件:两台服务器,配置稍高点,以免卡顿 ...

  2. dll 打包

    开发程序的时候经常会引用一些第三方的DLL,然后编译生成的exe文件就不能脱离这些DLL独立运行了. 但是,很多时候我们本想开发一款只需要一个exe就能完美运行的小工具.那该怎么办呢? 下文介绍一种超 ...

  3. VC6兼容性及打开文件崩溃问题解决

    VC6虽然老,但是一些工程还非得用它打开,没办法…… 今天偶然用到,因为新装了系统,之前的问题又要重新解决一遍 在这记录下解决过程,方便以后查阅: 一.兼容问题: XP以上windows系统打开VC6 ...

  4. WS之cxf的权限拦截器应用

    一.服务器端: 1.权限判断: package cn.tdtk.ws.interceptor; import java.util.List; import org.apache.cxf.binding ...

  5. struts2传递List对象（复合对象）

    1.前台jsp界面: <%@ page language="java" contentType="text/html; charset=utf-8" pa ...

  6. hadoop 异常及处理总结-01(小马哥-原创)

    试验环境: 本地:MyEclipse 集群:Vmware 11+ 6台 Centos 6.5 Hadoop版本: 2.4.0(配置为自动HA) 试验背景: 在正常测试MapReduce(下简称MR)程 ...

  7. 《Linux设备驱动程序》 笔记1

    驱动程序的任务 通常来讲,驱动(模块)要执行两类任务: 模块中的某些函数作为系统调用的一部分执行(按照既定规则填补必需的系统调用模块) 其他函数负责终端处理 内核中的并发 为什么考虑并发问题: Lin ...

  8. 《学习OpenCV》练习题第四章第七题abc

    题外话:一直是打算把这本书的全部课后编程题写完的,中间断了几个月,一直忙于其他事.现在开始补上. 这道题我不清楚我理解的题意是不是正确的,这道题可以练习用OpenCV实现透视变换(可以用于矫正在3维环 ...

  9. Android通过tcpdump抓包

    1. 手机要有root权限 2. 下载tcpdump   http://www.strazzere.com/android/tcpdump 3. adb push c:\wherever_you_pu ...

  10. E：Package 'Vim' has no installation candidate问题解决

    问题描述: root@zhouls-virtual-machine:~# apt-get install vimReading package lists... DoneBuilding depend ...