asp.net MVC3 + JQuery 的Ajax簡(jiǎn)單使用

一直都沒有使用過JQuery，更沒使用過JQuery的ajax支持帶來(lái)的方便，今天試了一下，真是減少了很多工作量，使用方法也比較簡(jiǎn)單這里先記下來(lái)，以后使用時(shí)可以再拿著用。本應(yīng)用中，本來(lái)是準(zhǔn)備使用長(zhǎng)鏈接的方式，在server端有錯(cuò)誤消息產(chǎn)生時(shí)，能實(shí)時(shí)返回錯(cuò)誤消息。可在使用長(zhǎng)鏈接時(shí)，因?yàn)?net功底不夠，以失敗告終！所以采用了javascript中間隔查詢的方法。頁(yè)面代碼如下：

1. @{
2. ViewBag.Title="ErrorMonitor";
3. }
4. <scriptsrc="@Url.Content("~/Scripts/jquery-1.4.4.min.js")"type="text/Javascript"></script>
5. <scripttype="text/javascript"language="javascript">
7. $(function(){
9. setInterval(ajaxRequest,1000);
10. });
11. functionajaxRequest(){
13. $.ajax(
14. {
15. url:'/TopDemo/Home/ErrorRefresh',//指定調(diào)用的URL，對(duì)應(yīng)于Controller
16. data:'{}',//如果請(qǐng)求有參數(shù)，需要在這里指定
17. type:"POST",//請(qǐng)求類型
18. contentType:"application/json;charset=utf-8",
19. dataType:"json",
20. success:function(data){//請(qǐng)求成功后的回調(diào)
21. if(data==null||data.length==0){
22. returnfalse;
23. }else{
24. writeMsg(data);
25. }
26. },
27. error:function(data){//請(qǐng)求失敗后的回調(diào)
28. alert(data.statusText);
29. }
30. }
31. );
32. }
34. functionwriteMsg(data){
35. varerrorDiv=document.getElementById("errorDiv");
36. for(vari=0;i<data.length;i++){
37. varerrorText=document.createTextNode(data[i].errMsg);
38. varerrorTextDiv=document.createElement("div");
39. errorTextDiv.appendChild(errorText);
40. if(errorDiv.hasChildNodes){
41. errorDiv.insertBefore(errorTextDiv,errorDiv.firstChild);
42. }else{
43. errorDiv.appendChild(errorTextDiv);
44. }
45. }
46. }
48. </script>
49. <h2>
50. 錯(cuò)誤監(jiān)控</h2>
51. <divid="errorDiv">
52. </div>

Controller的代碼也很簡(jiǎn)單，就是簡(jiǎn)單的把錯(cuò)誤消息列表以json格式返回給View，如下：

1. [HttpPost]
2. publicJsonResultErrorRefresh()
3. {
4. interrMsgSize=errMsgService.Size();
5. List<object>errors=newList<object>();
6. if(errMsgSize>0)
7. {
8. for(vari=0;i<errMsgSize;i++)
9. {
10. ErrorMessageModelerrMsg=errMsgService.Remove();
11. if(errMsg!=null)
12. {
13. errors.Add(new
14. {
15. errMsg="error:"+errMsg.ErrorType+","+errMsg.ErrorKey+","+errMsg.ErrorTime+","+errMsg.ErrorMsg
16. });
17. }
18. }
19. }
20. JsonResultresult=this.Json(errors);
21. returnresult;
22. }