Méthode inter-domaines Jquery pour obtenir Json

Cette fois, je vais vous présenter la méthode et la méthode d'obtention de Json inter-domaines Jquery. Quelles sont les précautions pour l'obtention de Json inter-domaines Jquery Ce qui suit est un cas pratique, jetons un coup d'œil. .

Lorsque j'utilise Jquery pour récupérer des données sur plusieurs domaines au cours des deux derniers jours, je rencontre souvent l'erreur d'étiquette invalide. Je suis très déprimé. Je n'arrive toujours pas à obtenir la valeur json renvoyée par le serveur.

Les deux méthodes généralement utilisées dans tous les domaines sont : $.ajax et $.getJSON

Enfin, calmez-vous attentivement et lisez le document json officiel et trouvez ce paragraphe :

Les données JSON sont une sorte de données structurées qui peuvent être facilement analysées par

JavaScript. Si le fichier de données obtenu est stocké sur un serveur distant (avec des noms de domaine différents, c'est-à-dire une acquisition de données inter-domaines), vous devez utiliser le type jsonp. L'utilisation de ce type crée un paramètre de chaîne de requête callback=? qui est ajouté à l'URL demandée. Le serveur doit ajouter le nom de la fonction de rappel avant les données JSON afin de compléter une requête JSONP valide. Si vous souhaitez spécifier le paramètre nom de la fonction de rappel pour remplacer le rappel par défaut, vous pouvez définir le paramètre jsonp de $.ajax().

En fait, le principe inter-domaines de jquery est réalisé via des liens externes<script>, puis la fonction de rappel est ajoutée avec les paramètres de la fonction de rappel pour obtenir un véritable inter-domaine<p style="text-align: left;">Jquery dans chaque Le paramètre de rappel sera inclus lors de l'envoi d'une requête inter-domaine. En fait, la valeur de ce paramètre est le nom de la fonction de rappel. Par conséquent, lorsque le serveur envoie des données json, il doit mettre ce paramètre devant. . La valeur de ce paramètre est souvent générée de manière aléatoire. Par exemple : jsonp1294734708682. Vous pouvez également définir le nom de la méthode de rappel via la méthode $.ajax. Après avoir compris le principe, le serveur doit envoyer des données comme ceci : <p style="text-align: left;"><pre class="brush:php;toolbar:false">string message = "jsonp1294734708682({\"userid\":0,\"username\":\"null\"})";De cette façon, <p style="text-align: left;">json <span style="font-family: Helvetica">data <span style="font-family: 宋体">{"userid":0, "username" :"null"} <span style="font-family: Helvetica"> est utilisé comme paramètre de <span style="font-family: 宋体">jsonp1294734708682 <span style="font-family: Helvetica">fonction de rappel<span style="font-family: 宋体"><p style="text-align: left;">Commençons le exemple<span style="font-family: 宋体"><p style="text-align: left;">Si les données sont renvoyées normalement :<span style="font-family: 宋体"><pre class="brush:php;toolbar:false">{ "success": [{ "id": 1, "title": "title 1" }, { "id": 2, "title": "title 2" }, { "id": 3, "title": "title 3"}] }Introduisons nos propres paramètres de jquery<p style="text-align: left;"><pre class="brush:php;toolbar:false">/** *@dataType (String) *"xml": 返回 XML 文档，可用 jQuery 处理。 *"html": 返回纯文本 HTML 信息；包含的script标签会在插入dom时执行。 *"script": 返回纯文本 JavaScript 代码。"json": 返回 JSON 数据 。 *"jsonp": JSONP 格式。使用 JSONP 形式调用函数时，如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。 *"text": 返回纯文本字符串 */ /** *@jsonp (String)在一个jsonp请求中重写回调函数的名字。 *这个值用来替代在"callback=?"这种GET或POST请求中URL参数里的"callback"部分， *比如{jsonp:&#39;onJsonPLoad&#39;}会导致将"onJsonPLoad=?"传给服务器。 */ /** *@jsonpCallback (String) *为jsonp请求指定一个回调函数名。这个值将用来取代jQuery自动生成的随机函数名。 *这主要用来让jQuery生成度独特的函数名，这样管理请求更容易，也能方便地提供回调函数和错误处理。 *你也可以在想让浏览器缓存GET请求的时候，指定这个回调函数名。 */1 Non Spécifiez le nom de jsonp, <p style="text-align: left;"><pre class="brush:php;toolbar:false">$.ajax({ url: &#39;http://lifeloopdev.info/get_events&#39;, dataType: "jsonp", data: "offset=0&num_items=10", username: &#39;username&#39;, password: &#39;password&#39;, success: function (data) { $.each(data.success, function (i, item) { $("body").append(&#39;<h1>&#39; + item.title + &#39;&#39;); }); } });Le serveur doit renvoyer des données comme ceci : >Le serveur doit renvoyer des données comme ceci : <p style="text-align: left;"><pre class="brush:php;toolbar:false">Response.ContentType="text/html; charset=utf-8"; String callback = Request.QueryString["callback"].ToString(); Response.Write(callback + "{ \"success\": [{ \"id\": 1, \"title\": \"title 1\" }, { \"id\": 2, \"title\": \"title 2\" }, { \"id\": 3, \"title\": \"title 3\"}] }");3 Spécifiez le nom de jsonp, faites ne spécifiez pas le nom de la fonction renvoyée, <p style="text-align: left;"><pre class="brush:php;toolbar:false">//这里我们自己指定了jsonp的callback的名字 $.ajax({ url: &#39;http://lifeloopdev.info/get_events&#39;, dataType: "jsonp", data: "offset=0&num_items=10", username: &#39;username&#39;, password: &#39;password&#39;, jsonp: "successCallback", jsonpCallback: &#39;successCallback&#39; }); function successCallback(data) { $.each(data.success, function (i, item) { $("body").append(&#39;<h1>&#39; + item.title + &#39;&#39;); }); }Le serveur doit renvoyer des données comme ceci : <p style="text-align: left;"><pre class="brush:php;toolbar:false">Response.ContentType="text/html; charset=utf-8"; String callback = Request.QueryString["successCallback"].ToString(); Response.Write(callback + "{ \"success\": [{ \"id\": 1, \"title\": \"title 1\" }, { \"id\": 2, \"title\": \"title 2\" }, { \"id\": 3, \"title\": \"title 3\"}] }");4 Utilisez getJSON() pour obtenir des données <p style="text-align: left;"><. 🎜>Le serveur doit renvoyer des données comme celle-ci. Exemple :<pre class="brush:php;toolbar:false">$.ajax({ url: &#39;http://lifeloopdev.info/get_events&#39;, dataType: "jsonp", data: "offset=0&num_items=10", username: &#39;username&#39;, password: &#39;password&#39;, jsonp: "successCallback", success: function (data) { $.each(data.success, function (i, item) { $("body").append(&#39;<h1>&#39; + item.title + &#39;&#39;); }); } });<p style="text-align: left;">Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Plus Comme c'est passionnant, veuillez faire attention aux autres. articles sur le site php chinois ! <pre class="brush:php;toolbar:false">Response.ContentType="text/html; charset=utf-8"; String callback = Request.QueryString["successCallback"].ToString(); Response.Write(callback + "{ \"success\": [{ \"id\": 1, \"title\": \"title 1\" }, { \"id\": 2, \"title\": \"title 2\" }, { \"id\": 3, \"title\": \"title 3\"}] }");<p style="text-align: left;">Lecture recommandée : <pre class="brush:php;toolbar:false">/** *注意： *这里调用的地址中jsoncallback=? 是关键的所在！其中我们关心的是 jsoncallback=? 起什么作用了？原来 jsoncallback=? 被替换后，会把方法名称传给服务器。 *我们在服务器端要做什么工作呢？服务器要接受参数 jsoncallback ，然后把 jsoncallback 的值作为 JSON 数据方法名称返回 . */ $.getJSON("http://192.168.20.86/friend/getMyJsonData.aspx?jsoncallback=?", function (data) { $.each(data.success, function (i, item) { $("body").append(&#39;<h1>&#39; + item.title + &#39;&#39;); }); });<p style="text-align: left;">Explication détaillée des étapes de traitement des données json dans asp<pre class="brush:php;toolbar:false">Response.ContentType="text/html; charset=utf-8"; String callback = Request.QueryString["jsoncallback"].ToString(); Response.Write(callback + "{ \"success\": [{ \"id\": 1, \"title\": \"title 1\" }, { \"id\": 2, \"title\": \"title 2\" }, { \"id\": 3, \"title\": \"title 3\"}] }");<p>Explication détaillée de la méthode d'affichage direct de JSON en html<p><p style="text-align: left;"></script>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!