I am doing:
var url = '@Url.Action("Attachments", "Transactions")';
url += '/?id=' + 3201;
$("#attachments").load(url);
However, on load it doesn't do anything. Am i missing something?
I essentially want to call something similar to:
@{Html.RenderAction("Attachments", "Transactions", new { id = 3301 });}
I get the following error on console:
http://server:54137/Transactions/@Url.Action(%22Attachments%22,
You must be using an external JavaScript file which will not parse your razor syntax hence the error in your console of @Url.Action(%22Attachments%22..
You have a couple of options:
Create a JavaScript function and pass in the url:
function loadUrl(url) {
$("#attachments").load(url);
}
Then in your razor call it within a script tag:
loadUrl(@Url.Action("Attachments", "Transactions", new { id = @Model.Id })
data method.In your razor markup add this:
<button data-url="@Url.Action("Attachments", "Transactions", new { id = @Model.Id })" />
From your JavaScript event handler read it with:
var url = $(this).data('url');
$("#attachments").load(url);
I prefer the second option.
@Url.Action from within the razor file i.e. .cshtml or it will not resolve. If you are calling it from an external .js file it will just treat it as javascript and resolve as @Url.Action rather than a path to the action i.e. /transactions/attachments.
loadThisUrls(@Url.Action....) to resolve the path or just bundle it up as is and resolve the url as shown above without passing it in.You Need to use Html.Raw check below
var url = "@Html.Raw(Url.Action("Attachments", "Transactions"))";
url += '/?id=' + 3201;
$("#attachments").load(url);
.load()- Load data from the server and place the returned HTML into the matched element api.jquery.com/loadconsole.log(url);statement immediately aftervar url = ...and check what it returns.console.log(url);and it printed -/Transactions/Attachments/?id=3201. So please check the other parts of your code.url += '?id=' + 3201;(no forward slash)