So rufen Sie die Ajax-Methode in JQuery aus der Ferne über JSONP_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.

Stellen Sie zunächst die Parameter von $.ajax vor
Typ: Anforderungsmethode GET/POST
URL: Anforderungsadresse
asynchron: Boolescher Typ, der Standardwert ist „true“, um anzugeben, ob die Anforderung asynchron ist, wenn „false“, bedeutet dies, dass er synchron ist.
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 ist der Standardwert: Rückruf)
jsonpCallback: benutzerdefinierter JSONP-Rückruf Funktionsname, 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

Kopieren Sie den CodeDer Code lautet wie folgt:

public class HomeController : Controller
{
//
// GET: /Home/

public ActionResult Index()
{
returnView( );
}

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

}

Der Client verwendet JSONP, um Daten zu übertragen

Code kopieren Der Code lautet wie folgt:

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


< ;script type="text/javascript"> ;
functionSendData()
{
$.ajax({
type: "get",
async: false,
url: „/home/ReturnJson“,
dataType: „jsonp“,
success: function(data){
alert(data.name);
alert('fail');
}
}





Nachdem ich auf die Schaltfläche „Senden“ geklickt hatte, stellte ich fest, dass Request.QueryString[“callback“] auf der Serverseite einen zufälligen Funktionsnamen zurückgab. Auf diese Weise wird das JSONP-Format zur Datenübertragung eingestellt

2 Benutzerdefinierter Funktionsname

Sie können den Funktionsnamen während des Übertragungsvorgangs anpassen, indem Sie einfach den Parameter jsonpCallback verwenden.
jsonp: Gibt die übergebenen Parameter an. Der Standardwert ist Callback. Das Serversegment verwendet diesen Parameter, um den benutzerdefinierten Funktionsnamen zu erhalten >jsonpCallback zeigt die Übergabe an. Der Parameterwert ist der Name der Rückruffunktion, bei dem es sich um einen benutzerdefinierten Namen handelt.




Code kopieren

Der Code lautet wie folgt: