读书人

jqGrid处理http异常和服务器端异常

发布时间: 2012-08-22 09:50:35 作者: rapoo

jqGrid处理http错误和服务器端错误

我们知道,jqGrid从服务器端获取数据时,用的是ajax请求,如果请求过程中发生http错误(如后台服务器超时未响应、该url404)或者服务器端方法发生异常或错误,默认设置下的jqGrid是不会有任何提示信息的,并且也不会显示任何数据,连浏览器的javascript错都没有。

这对我们开发人员和用户都会造成疑惑,难以快速定位错误原因。

其实对jqGrid做一下设置即可让错误显示给前台。

?

1.HTTP错误

loadError事件就是专门处理这类错误的,我们可以这么写:

$("#list").jqGrid({    url:'example.php',    ...    loadError: function(xhr,status,error){       alert(status + " loading data of " + $(this).attr("id") + " : " + error );    },    ...});

?如果觉得每个grid都这么设置太麻烦,可以设置覆盖jqGrid的全局参数:

$.extend($.jgrid.defaults, {    ...    loadError: function(xhr,status,error){       alert(status + " loading data of " + $(this).attr("id") + " : " + error );    },    ...});

?

我们还可以统一设置ajax请求失败时,报错误信息,这样就不用改动jqGrid的设置了:

$(document).ajaxError(function(e,xhr,opt){alert(xhr.statusText + " requesting " + opt.url);});

2.服务器端错误

这种情况,需要在服务器端处理错误或异常信息,将其包装成json格式数据:

{    "userdata":"查询时发生异常!"}

?顺便贴一下正确时的数据:

{   "total": "xxx",   "page": "yyy",   "records": "zzz",  "rows" : [    {"id" :"1", "cell" :["cell11", "cell12", "cell13"]},    {"id" :"2", "cell":["cell21", "cell22", "cell23"]},      ...  ]}

?

jqGrid需这样设置:

$("#list").jqGrid({    url:'example.php',    ...    loadComplete: function(){        alert($(this).getGridParam('userData'));    },    ...});

?

?

以上各个示例显示信息都是用的alert()方法,如果觉得对用户不够友好,可考虑借助其他的方式,比如实现一个浮动消息提示框。

读书人网 >Web前端

热点推荐