Comment appeler la méthode ajax à distance via JSONP dans jquery_jquery

Il existe de nombreux tutoriels sur Internet sur le concept de JSONP et pourquoi utiliser JSONP. Cette section montre principalement comment appeler à distance la méthode ajax dans JQUERY via JSONP

Introduisez d'abord les paramètres de $.ajax
.
type : méthode de requête GET/POST

url : adresse de la requête

async : Type booléen, la valeur par défaut est true pour indiquer si la requête est asynchrone, si false elle indique synchrone.

dataType : le type de données renvoyé

jsonp : le nom du paramètre transmis au gestionnaire de requêtes ou à la page pour obtenir le nom de la fonction de rappel jsonp (généralement la valeur par défaut est : callback)

jsonpCallback : nom de fonction de rappel jsonp personnalisé, la valeur par défaut est un nom de fonction aléatoire généré automatiquement par jQuery, vous pouvez également écrire "?", jQuery traitera automatiquement les données pour vous

succès : appelez la fonction exécutée avec succès

Erreur : Fonction de gestion des exceptions

1. Exemple 1

Côté serveur, nous utilisons l'ACTION de MVC pour renvoyer des données

Copier le code Le code est le suivant :

classe publique HomeController : Contrôleur
{
//
// 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);
}

}

Le client utilise jsonp pour transmettre data

Copier le code Le code est le suivant :

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