经常使用ajax,可很多时候,由于使用的是别人封装过得控件,例如使用jquery-easyui,里边很多调用都是使用ajax,经常出现没有数据的情况。但由于封装的控件已经把调用ajax的异常吞掉了,有时也是懒得写,所以出现没有数据的情况,没办法确定是真的没有数据还是读取数据出错,导致没有数据,抑或是根本就没有发出ajax请求?
其实不管谷歌浏览器,IE浏览器,还是火狐的firebug,都能很清楚的看到具体是哪一块的原因。
一下以IE10为例进行讲解:
**1打开IE10的开发人员工具**,如下:
![](https://box.kancloud.cn/2016-02-18_56c556cb551cd.jpg)
**2点击网络,然后点击开始捕获**
![](https://box.kancloud.cn/2016-02-18_56c556cb782bb.jpg)
**3刷新网页,使网页开始调用ajax**,如下图:
可以清楚的看到网页发出了那些请求,包括样式,图片和ajax请求(/Eas.WebsiteUpdate/tools/GetHouseAssetsLink.ashx?OperationType=listPOST)
![](https://box.kancloud.cn/2016-02-18_56c556cb8aa08.jpg)
如果在此处没有发现ajax请求或者请求的地址不正确,就很明显自己写的ajax代码有问题,如果没有问题,则进入下一步
**4选中ajax请求,然后点击转到详细视图**,如下:
清楚的看到发出请求的类型是post还是get,传递的查询字符串。
![](https://box.kancloud.cn/2016-02-18_56c556cba7c8e.jpg)
清楚的看到post的数据
![](https://box.kancloud.cn/2016-02-18_56c556cbc9a7a.jpg)
清楚的看到post发出后,返回的数据
![](https://box.kancloud.cn/2016-02-18_56c556cbdb30e.jpg)
如果确定以上的没有问题,单页面依然没有反应,就很容易知道,页面没有数据的原因,ajax数据正常返回后的处理数据的部分脚本有错误。
- 前言
- js封装和作用域
- 封装html的select标签的js操作
- js正则表达式的使用
- 使用闭包对setTimeout进行简单封装
- js中如何复制一个对象,如何获取所有属性和属性对应的值
- js中如何把字符串转化为对象
- js操作iframe兼容各种浏览器
- js模板方法的思路及实现
- 在js中如何实现方法重载?以及函数的参数问题
- 单纯的html页面如何提交,传递参数,以及对身份的验证
- ajax如何调试
- js综合应用简单的表格统计
- js格式化货币数据
- js综合应用:表格的四则运算
- 如何在浏览器中打开PDF文件并实现预览的思路与代码
- js实现幻灯片效果
- js实现幻灯片效果二
- jquery-easyui必填项隐藏问题的处理方案
- jquery-easyui隐藏可用不可用的问题的处理方案
- js变量作用域--变量提升