So rufen Sie die Ajax-Methode remote über JSONP in jquery_jquery auf

Im Internet gibt es viele Tutorials zum Konzept von JSONP und zur Verwendung von JSONP. In diesem Abschnitt wird hauptsächlich gezeigt, wie die Ajax-Methode in JQUERY über JSONP aus der Ferne aufgerufen wird

Führen Sie zunächst die Parameter von $.ajax ein

Typ: Anforderungsmethode GET/POST

URL: Anforderungsadresse

asynchron: Boolescher Typ. Der Standardwert ist „true“, um anzugeben, ob die Anforderung asynchron ist. Bei „false“ wird synchron angezeigt.

dataType: der zurückgegebene Datentyp

jsonp: der Parametername, der an den Anforderungshandler oder die Seite übergeben wird, um den Namen der JSONP-Rückruffunktion zu erhalten (im Allgemeinen lautet der Standardwert: Callback)

jsonpCallback: Angepasster Name der JSONP-Rückruffunktion. Der Standardwert ist ein zufälliger Funktionsname, der automatisch von jQuery generiert wird. Sie können auch „?“ schreiben. JQuery verarbeitet die Daten automatisch für Sie.

Erfolg: Rufen Sie die erfolgreich ausgeführte Funktion auf

Fehler: Ausnahmebehandlungsfunktion

1. Beispiel 1

Auf der Serverseite verwenden wir MVCs ACTION, um Daten zurückzugeben

Code kopieren Der Code lautet wie folgt:

öffentliche Klasse HomeController : Controller
{
//
// GET: /Home /

public ActionResult Index()
{
returnView();
}

public ActionResult ReturnJson()
{
string callback = Request. QueryString["callback"];
string json = "{'name':'Zhang San','age':'20'}"
string result = string.Format( "{0}({ 1})", callback, json);
returnContent(result);
}

}

Der Client verwendet jsonp zur Übertragung Daten

Code kopieren Der Code lautet wie folgt:

@{
ViewBag.Title = "Index";
Layout = "~/Views/Shared/_Layout.cshtml";
}