jQuery + ASP.NET MVC Ajax的简单实现

前台的实现很简单

 

function alartmessage() {
$.ajax({
url: "<%= Url.Action("Say", "Ajax") %>",
type:"POST",
success: function (data) { alert(data.name); }
});
}
function divhtml() {
$.ajax({
url: "<%= Url.Action("UserSay","Ajax") %>",
type: "POST",
data: {"username":"Dr.Worm","chat":"hello world!"},
success: function (data) {
$("#message")
.append(data.username);
}
});
}

使用的POST方式，在ASP.NET MVC2中使用Get方式会有一些小问题，看后台代码

public ActionResult Say()
{
return this.Json(new {name = "Dr.Worm",worm = "Programer"});
}
public ActionResult UserSay(AjaxSayModel model)
{
return this.Json(new { username = model.username + "Server", chart = model.chat + "Server" });
}

public ActionResult text(string name, string user)
{
return this.Json(name + user, JsonRequestBehavior.AllowGet);
}

上面是Controller中的代码

public class AjaxSayModel
{
[Required]
public string username { get; set; }
public string chat { get; set; }
}
public class AjaxContainModel
{
[Required]
public string oparate { get; set; }
public string parameter { get; set; }
}

上面是Model的代码，很实现容易。

 

整体

前台发送一个Ajax请求，MVC框架捕获后，直接交给Controller处理，Post回的数据也被Asp.net mvc 框架自动传递给Model，使用起来还是很方便的。

而采取GET方式实现AJAX的时候，如果返回一个Json表达式，问题就出现了，ASP.NET MVC2出于安全的考虑会禁止使用GET方式，解决方式如代码

public ActionResult text(string name, string user)
{
return this.Json(name + user, JsonRequestBehavior.AllowGet);
}

为Json（）加入第二个参数：JsonRequestBehavior.AllowGet即可。

可以看到，通过带参数的Action可以读取到Get方式传入的数据。

 

另外就是前台不要忘记如下代码

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<AjaxChat.Models.AjaxSayModel>" %>

只有这样Post数据才能自动传递给Model。

 

不过我一直也没有找到一个方法让一个View绑定两个Model，请高手们指教，感激不尽！！