asp.net MVC3 + JQuery 的Ajax簡單使用

一直都沒有使用過JQuery，更沒使用過JQuery的ajax支持帶來的方便，今天試了一下，真是減少了很多工作量，使用方法也比較簡單這里先記下來，以后使用時可以再拿著用。本應用中，本來是準備使用長鏈接的方式，在server端有錯誤消息產生時，能實時返回錯誤消息?？稍谑褂瞄L鏈接時，因為.net功底不夠，以失敗告終！所以采用了javascript中間隔查詢的方法。頁面代碼如下：

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',//指定調用的URL，對應于Controller
16. data:'{}',//如果請求有參數，需要在這里指定
17. type:"POST",//請求類型
18. contentType:"application/json;charset=utf-8",
19. dataType:"json",
20. success:function(data){//請求成功后的回調
21. if(data==null||data.length==0){
22. returnfalse;
23. }else{
24. writeMsg(data);
25. }
26. },
27. error:function(data){//請求失敗后的回調
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. 錯誤監控</h2>
51. <divid="errorDiv">
52. </div>

Controller的代碼也很簡單，就是簡單的把錯誤消息列表以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. }