public JsonResult JsonData()
{
HttpContext.Response.AppendHeader("Access-Control-Allow-Origin", "*");
return Json(db.Weathers.ToList());
}
json方法有一個重構:
protected internal JsonResult Json(object data); protected internal JsonResult Json(object data, JsonRequestBehavior behavior);
我們只需要使用第二種就行了,加上一個 json請求行為為Get方式就OK了
public JsonResult GetPersonInfo() { var person = new { Name = "張三", Age = 22, Sex = "男" }; return Json(person,JsonRequestBehavior.AllowGet); }
這樣一來我們在前端就可以使用Get方式請求了:
view
$.ajax({ url: "/FriendLink/GetPersonInfo", type: "POST", dataType: "json", data: { }, success: function(data) { $("#friendContent").html(data.Name); } })
<!DOCTYPE html><html><head runat="server"><title>Index2</title><script src="\Scripts\jquery-1.10.2.min.js?1.1.11" type="text/javascript"></script><script type="text/javascript">var login = function () { $.ajax({ type: "post", url: "http://localhost:4968/Weathers/JsonData", data: null, success: function (res) { alert(JSON.stringify(res)); }, dataType: "json"}); }</script></head><body><div id="nav"><a href="/Home/Index">ajax+Handler</a> <a>ajax+action</a></div><div><h3>Login</h3><button type="button" onclick="login()">Submit</button></div></body></html>