ASP.NET MVC之Ajax學習

標籤：

普通的ajax的調用

<script type="text/javascript">    function test() {        $.ajax({            url: ‘@Url.Action("GetTestData")‘,               type: "POST",               success: function (result) {                   $("#lblMsg").text(result.msg);               }           })    } </script>

後台選擇返回json資料(當然也可以返回string的字串等等),

return Json(new { msg = "Datetime from server：" + DateTime.Now.ToString("HH:mm:ss"),msgType="ok" },                 JsonRequestBehavior.AllowGet);

注意ajax返回成功後調用的參數result調用result.msg是指代後台封裝的msg(類似索引值對的意思)

Unobtrusive Ajax

mvc中封裝了Unobtrusive Ajax，

1.使用Unobtrusive Ajax必須現在web.config檔案的節點configuration/appSettings下配置的 UnobtrusiveJavaScriptEnabled 值設為 true

<configuration>     <appSettings>         ...        <add key="UnobtrusiveJavaScriptEnabled" value="true" />     </appSettings> </configuration>

 

2.引入jquery.unobtrusive-ajax.min.js檔案，一般是在/Views/Shared/_Layout.cshtml引入

ASP.NET MVC之Ajax學習