一直都没有使用过JQuery，更没使用过JQuery的ajax支持带来的方便，今天试了一下，真是减少了很多工作量，使用方法也比较简单
这里先记下来，以后使用时可以再拿着用。
本应用中，本来是准备使用长链接的方式，在server端有错误消息产生时，能实时返回错误消息。可在使用长链接时，因为.net功底
不够，以失败告终！所以采用了javascript中间隔查询的方法。
页面代码如下：
- @{
- ViewBag.Title = "ErrorMonitor";
- }
- <script src="@Url.Content("~/Scripts/jquery-1.4.4.min.js")" type="text/javascript"></script>
- <script type="text/javascript" language="javascript">
-
- $(function () {
-
- setInterval(ajaxRequest, 1000);
- });
- function ajaxRequest() {
-
- $.ajax(
- {
- url: ‘/TopDemo/Home/ErrorRefresh‘,
- data: ‘{}‘,
- type: "POST",
- contentType: "application/json;charset=utf-8",
- dataType: "json",
- success: function (data) {
- if (data == null || data.length == 0) {
- return false;
- } else {
- writeMsg(data);
- }
- },
- error: function (data) {
- alert(data.statusText);
- }
- }
- );
- }
-
- function writeMsg(data) {
- var errorDiv = document.getElementById("errorDiv");
- for (var i = 0; i < data.length; i++) {
- var errorText = document.createTextNode(data[i].errMsg);
- var errorTextDiv = document.createElement("div");
- errorTextDiv.appendChild(errorText);
- if (errorDiv.hasChildNodes) {
- errorDiv.insertBefore(errorTextDiv, errorDiv.firstChild);
- } else {
- errorDiv.appendChild(errorTextDiv);
- }
- }
- }
-
- </script>
- <h2>
- 错误监控</h2>
- <div id="errorDiv">
- </div>
Controller的代码也很简单，就是简单的把错误消息列表以json格式返回给View，如下：
- [HttpPost]
- public JsonResult ErrorRefresh()
- {
- int errMsgSize = errMsgService.Size();
- List<object> errors = new List<object>();
- if (errMsgSize > 0)
- {
- for (var i = 0; i < errMsgSize; i++)
- {
- ErrorMessageModel errMsg = errMsgService.Remove();
- if (errMsg != null)
- {
- errors.Add(new
- {
- errMsg = "error: " + errMsg.ErrorType + "," + errMsg.ErrorKey + "," + errMsg.ErrorTime + "," + errMsg.ErrorMsg
- });
- }
- }
- }
- JsonResult result = this.Json(errors);
- return result;
- }
asp.net MVC3 + JQuery 的ajax简单使用,布布扣,bubuko.com
asp.net MVC3 + JQuery 的ajax简单使用
原文：http://www.cnblogs.com/ranran/p/3835613.html
