Heim > Artikel > Web-Frontend > Drei Möglichkeiten, wie jQuery JSONP verwendet, um domänenübergreifende Daten abzurufen

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

小云云Original: 2018-05-23 09:22:134390Durchsuche

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数据
  }
});

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数据
});

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;);

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>

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;; //返回格式，必需
?>

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!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Die gekapselte Funktion in jquery übergibt das aktuelle ElementNächster Artikel：Die gekapselte Funktion in jquery übergibt das aktuelle Element

In Verbindung stehende Artikel

Mehr sehen