Drei Möglichkeiten, wie jQuery JSONP verwendet, um domänenübergreifende Daten abzurufen-js-Tutorial-php.cn

Drei Möglichkeiten, wie jQuery JSONP verwendet, um domänenübergreifende Daten abzurufen

小云云

Freigeben： 2018-05-23 09:22:13

Original

4424 Leute haben es durchsucht

In diesem Artikel werden hauptsächlich die drei Methoden von jQuery zur domänenübergreifenden Datenerfassung vorgestellt. Außerdem werden drei gängige Betriebstechniken der domänenübergreifenden Datenerfassung mit JSONP anhand von Beispielen verglichen und analysiert Ich hoffe, es kann allen helfen.

Die erste Methode besteht darin, den dataType in der Ajax-Funktion auf „jsonp“ zu setzen

$.ajax({
  dataType: &#39;jsonp&#39;,
  url: &#39;http://www.a.com/user?id=123&#39;,
  success: function(data){
    //处理data数据
  }
});

Nach dem Login kopieren

The zweite Methode Die erste Methode besteht darin, getJSON zu verwenden. Fügen Sie einfach den Parameter callback=? zur Adresse hinzu.

$.getJSON(&#39;http://www.a.com/user?id=123&callback=?&#39;, function(data){
  //处理data数据
});

Nach dem Login kopieren

Die dritte Methode besteht darin, die getScript-Methode zu verwenden

//此时也可以在函数外定义foo方法
function foo(data){
  //处理data数据
}
$.getScript(&#39;http://www.a.com/user?id=123&callback=foo&#39;);

Nach dem Login kopieren

Beispiel-Anleitung:

index.html

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jsonp</title>
<script src="jquery-1.8.0.min.js"></script>
<script>
  $.ajax({
    type : "post",
    url : "jsonp.php?name=zhaoxiace&age=30",
    dataType : "jsonp",
    jsonp: "callbackParam",//传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(默认为:callback)
    jsonpCallback:"callbackFunction",//自定义的jsonp回调函数名称，默认为jQuery自动生成的随机函数名
    success : function(data){
      console.log(data.statusCode + "/" + data.message + "/" + data.name + "/" + data.age);
    },
    error:function(){
      alert(&#39;请求失败&#39;);
    }
  });
</script>
</head>

Nach dem Login kopieren

jsonp. php

<?
$data["age"] = $_GET[&#39;age&#39;];
$data["name"] = $_GET[&#39;name&#39;];
$data["statusCode"]="200";
$data["message"]="成功";
$tmp= json_encode($data); //json数据
echo $callback . &#39;(&#39; . $tmp .&#39;)&#39;; //返回格式，必需
?>

Nach dem Login kopieren

Verwandte Empfehlungen:

So führen Sie eine domänenübergreifende Kommunikation in HTML5 durch

jQuery Jsonp Cross- Beispiel für eine Domänensimulations-Suchmaschine Teilen

Native JS implementiert Ajax und domänenübergreifende Ajax-Anfragen

Das obige ist der detaillierte Inhalt vonDrei Möglichkeiten, wie jQuery JSONP verwendet, um domänenübergreifende Daten abzurufen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!