So rufen Sie die Ajax-Methode in JQuery aus der Ferne über JSONP

So rufen Sie die Ajax-Methode in JQuery aus der Ferne über JSONP_jquery auf

WBOY

Freigeben： 2016-05-16 16:53:28

Original

1615 Leute haben es durchsucht

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: