這樣可以充分利用MVC路由，以便充分利用MVC框架。

靈感來自于stusmith的答案。

在這里我有一個ActionController的動作javascript為這個URL的動作：

/application/js

我在這里包括靜態文件，因為我只需要一個主要的javascript文件下載。你可以選擇只要返回動態的東西，如果你想要的：

///

/// Renders out javascript

///

///

[OutputCache(CacheProfile = "Script")]

[ActionName("js")]

public ContentResult RenderJavascript()

{

StringBuilder js = new StringBuilder();

// load all my static javascript files

js.AppendLine(IO.File.ReadAllText(Request.MapPath("~/Scripts/rr/cart.js")));

js.AppendLine(";");

// dynamic javascript for lookup tables

js.AppendLine(GetLookupTables());

js.AppendLine(";");

return new ContentResult()

{

Content = js.ToString(),ContentType = "application/x-javascript"

};

}

這是創建我們的查找表的幫助函數。只需為您要使用的每個RouteUrl添加一行。

[NonAction]

private string GetLookupTables()

{

StringBuilder js = new StringBuilder();

// list of keys that correspond to route URLS

var urls = new[] {

new { key = "updateCart",url = Url.RouteUrl("cart-route",new { action = "updatecart" }) },new { key = "removeItem",new { action = "removeitem" }) }

};

// lookup table function

js.AppendLine("// URL Lookuptable");

js.AppendLine("$.url=function(url) {");

js.AppendLine("var lookupTable = " + new JavaScriptSerializer().Serialize(urls.ToDictionary(x=>x.key,x=>x.url)) + ";");

js.AppendLine("return lookupTable[url];");

js.AppendLine("}");

return js.ToString();

}

這將生成以下動態javascript，它基本上只是從任意鍵到我的操作方法所需的URL的查找表：

// URL Lookuptable

$.url=function(url) {

var lookupTable = {"updateCart":"/rrmvc/store/cart/updatecart","removeItem":"/rrmvc/store/cart/removeitem"};

return lookupTable[url];

}

在cart.js中，我可以有這樣的功能。

請注意，url參數取自查找表：

var RRStore = {};

RRStore.updateCart = function(sku,qty) {

$.ajax({

type: "POST",url: $.url("updateCart"),data: "sku=" + sku + "&qty=" + qty,dataType: "json"

// beforeSend: function (){},// success: function (){},// error: function (){},// complete: function (){},});

return false;

};

我可以從任何地方只用：

RRStore.updateCart(1001,5);

這似乎是我可以想到的唯一方法，這將允許我以干凈的方式使用路由。在javascript中動態創建URLS是非常難以測試的。測試類型可以添加到這里的某個地方，以方便測試。

總結

以上是生活随笔為你收集整理的asp.net mvc jquery ajax post,使用ASP.NET MVC在JS文件中设置jQuery的ajax url的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。