Ajax Anruf in MVC Controller- URL Problem

Question

Ich habe die zuvor gepostet jQuery/MVC Fragen und habe keine praktikable Antwort gefunden.

Ich habe den folgenden JavaScript-Code:

$.ajax({ 
type: "POST", 
url: '@Url.Action("Search","Controller")', 
data: "{queryString:'" + searchVal + "'}", 
contentType: "application/json; charset=utf-8", 
dataType: "html", 
success: function (data) { 
alert("here" + data.d.toString()); 
} 
}); 

Wenn Aufruf der URL der Post wie folgt aussieht:

NetworkError: 500 Internal Server Error - <a href="http://localhost/Web/Navigation/@Url.Action(%22Search%22,%22Chat%22)"></a> 

Könnte jemand mir bitte erklären, warum sie es nicht zurückgibt wie folgt aus (die Logik dahinter) und biete mir eine gültige Lösung an. Danke im Voraus!
PS: Weitere Informationen:% 22 ist die URL-Codierung Referenz für < < „>> Charakter

Answer 1

Damit dies funktioniert, dass Javascript in einem Razor Ansicht platziert werden müssen, damit die Leitung

@Url.Action("Action","Controller") 

wird von Razor und der reale Wert ersetzt analysiert.

Wenn Sie möchten, können Sie in eine Einstellungs-Objekt in der Ansicht sehen nicht Ihre Javascript in Ihrem view bewegen konnte und dann auf die Schaffung verweisen, dass von Ihrem Javascript-Datei.

z.B.

var MyAppUrlSettings = { 
    MyUsefulUrl : '@Url.Action("Action","Controller")' 
} 

und in Ihrer Js

$.ajax({ 
type: "POST", 
url: MyAppUrlSettings.MyUsefulUrl, 
data: "{queryString:'" + searchVal + "'}", 
contentType: "application/json; charset=utf-8", 
dataType: "html", 
success: function (data) { 
alert("here" + data.d.toString()); 
}); 

Datei oder suchen Sie alternativ auf den Rahmen des built in Ajax Methoden innerhalb der HtmlHelpers hebeln die Ihnen erlauben, das gleiche, ohne „verschmutzen“ Ihre Ansichten mit JS-Code zu erreichen .

Answer 2

Sie haben einen Typfehler in Beispielcode. Sie vergessen curlybracket nach success

$.ajax({ 
type: "POST", 
url: '@Url.Action("Search","Controller")', 
data: "{queryString:'" + searchVal + "'}", 
contentType: "application/json; charset=utf-8", 
dataType: "html", 
success: function (data) { 
    alert("here" + data.d.toString()); 
} 
}) 

;

Answer 3

ab Rob's Antwort, ich bin zur Zeit die folgenden syntax.Since mit der Frage viel Aufmerksamkeit erhalten hat, habe ich beschlossen, es mit Ihnen zu teilen:

var requrl = '@Url.Action("Action", "Controller", null, Request.Url.Scheme, null)'; 
    $.ajax({ 
    type: "POST", 
    url: requrl, 
    data: "{queryString:'" + searchVal + "'}", 
    contentType: "application/json; charset=utf-8", 
    dataType: "html", 
    success: function (data) { 
    alert("here" + data.d.toString()); 
    } 
    }); 

Answer 4

Ein guter Weg, es zu tun, ohne sich die Ansicht beteiligt sein können:

$.ajax({ 
    type: "POST", 
    url: '/Controller/Search', 
    data: { queryString: searchVal }, 
    success: function (data) { 
     alert("here" + data.d.toString()); 
    } 
}); 

Dieser wird versuchen, die URL POST:

"http://domain/Controller/Search (die die korrekte URL für die Aktion, die Sie verwenden möchten)“

Answer 5

von mihai-labo's Antwort beginnen, fahren, warum nicht die requrl Variable insgesamt deklarieren und die URL-Erzeugungs Code direkt vor put‚url‘, wie :

$.ajax({ 
    type: "POST", 
    url: '@Url.Action("Action", "Controller", null, Request.Url.Scheme, null)', 
    data: "{queryString:'" + searchVal + "'}", 
    contentType: "application/json; charset=utf-8", 
    dataType: "html", 
    success: function (data) { 
     alert("here" + data.d.toString()); 
    } 
});