Maison > Article > interface Web > Comprendre brièvement l'accès inter-domaines JQuery+ajax+jsonp

Comprendre brièvement l'accès inter-domaines JQuery+ajax+jsonp

怪我咯original: 2017-04-01 09:36:591145parcourir

Jsonp (JSON avec Padding) est un "mode d'utilisation" du format de données json, qui permet aux pages Web d'obtenir des données d'autres domaines.
1. Client

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title>Insert title here</title> 
<script type="text/javascript" src="resource/js/jquery-1.7.2.js"></script> 
</head> 
<script type="text/javascript"> 
$(function(){   
  /* 
  //简写形式，效果相同 
  $.getJSON("http://app.example.com/base/json.do?sid=1494&busiId=101&jsonpCallback=?", 
      function(data){ 
        $("#showcontent").text("Result:"+data.result) 
  }); 
  */ 
  $.ajax({ 
    type : "get", 
    async:false, 
    url : "http://app.example.com/base/json.do?sid=1494&busiId=101", 
    dataType : "jsonp",//数据类型为jsonp 
    jsonp: "jsonpCallback",//服务端用于接收callback调用的function名的参数 
    success : function(data){ 
      $("#showcontent").text("Result:"+data.result) 
    }, 
    error:function(){ 
      alert(&#39;fail&#39;); 
    } 
  });  
}); 
</script> 
<body> 
<p id="showcontent">Result:</p> 
</body> 
</html>

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!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Exemple de code pour utiliser JS pour autoriser uniquement la saisie de chiffres dans la zone de texteArticle suivant：Exemple de code pour utiliser JS pour autoriser uniquement la saisie de chiffres dans la zone de texte

Articles Liés

Voir plus