学步园

问题描述：$.ajax()去操作后台(Strtus2层)的 action， 有可能返回不同形式的结果。当是一段JSON格式的数据时，可以用JS对映的函数处理它们。但也有可能是一段HTML代码片段比如是一段exception page代码，这也需要显示出来。考虑到在实际应用中，还有可能是$ajax()出现错误的情况。此时我们就要在前台针对这三种分别处理。

问题解决：

1)绑定ajaxError事件， 当出现任何ajaxError事件时，将在特定桢上显示出公共的出错信息。

2)绑定axComplete事件，当在ajax :succss中得到数据时，判断它是什么类型的数据，如果是JSON格式则转到相应的JS 函数去处理；如果是exception HTML片段，则保存到此数据，并转到ajaxComplete事件中，去在特定桢上显示出它们作为出错信息。

$.ajax({<br /> type: "POST",<br /> url: "/getData.action",<br /> data: dataString,<br /> //dataType: "json", //not force it to json type<br /> success: function(data) {<br /> retData=data; //get the return data of ajax request<br /> var json;<br /> try<br /> {<br /> json=eval('('+data+')');<br /> }catch(er)<br /> {<br /> bSuccess=false;<br /> return;<br /> }<br /> data1=json.top_menu;<br /> data2=json.left_menu;<br /> data3=json.default_leftmenu;<br /> if (data1!=undefined && data2!=undefined && data3!=undefined)<br /> bSuccess=true;<br /> else<br /> {<br /> bSuccess=false;<br /> return;<br /> }<br /> doCreateNavigationBar();<br /> $("ul.sf-menu").superfish().find('ul').bgIframe({opacity:false});<br /> //create the default left menu<br /> var items=eval(data3);<br /> // var items=temp.split('>');<br /> $(items).each(function(i, n){<br /> var temp=n;<br /> var default_treeid=temp.replace(/>/g,',');<br /> doCreateSDMenu(default_treeid);<br /> })<br /> }<br /> });</p> <p> $('#centre-block').ajaxComplete(function(e,xhr,settings)<br /> {<br /> if (retData!=undefined && !bSuccess )<br /> {<br /> $('#centre-block').html(retData);<br /> }<br /> }<br /> );</p> <p> $('#centerFrame').ajaxError(function(e,xhr,o){<br /> $(this).attr('src','/system/allexception.jsp');<br /> });