recherche

Maison >interface Web >js tutoriel >Explication détaillée d'Ajax utilisant la méthode jsonp pour obtenir des données sur tous les domaines (avec code)

Explication détaillée d'Ajax utilisant la méthode jsonp pour obtenir des données sur tous les domaines (avec code)

php中世界最好的语言
php中世界最好的语言original
2018-04-04 14:37:171295parcourir

Cette fois, je vais vous apporter une explication détaillée d'Ajax utilisant jsonp pour obtenir des données sur plusieurs domaines (avec code). Quelles sont les précautions pour Ajax utilisant jsonp pour obtenir des données sur plusieurs domaines. Voici des cas pratiques. , jetons un coup d'oeil Jetez un œil.

Je suis tombé sur l'appel jsonp aujourd'hui et je viens de régler le problème. 

<!DOCTYPE html>
<html>
<head>
	<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
 <script type="text/javascript">
	$(document).ready(function(){
	 $("#b01").click(function(){
	 	$.ajax({//danielinbiti.txt文件内容：getAInfo(["<input type=&#39;text&#39; value=&#39;1222&#39;/>"])
    url: 'http://192.168.12.21:8080/systemr/danielinbiti.txt',
    dataType: 'jsonp',//跨域设置jsonp
    processData: false,
    jsonpCallback:'getAInfo',//与文件中的getAInfo对应
    type: 'get',
    success: function(data) {
      $("#myp").html(data);
    },
    error: function(XMLHttpRequest, textStatus, errorThrown) {
      alert('error');
      alert(XMLHttpRequest.status);
      alert(XMLHttpRequest.readyState);
      alert(textStatus);
    }
   });
	 });
	 $("#b02").click(function(){// 需要在后台根据request获取callback，然后才callback(需要返回的json内容)的方式返回，getJSON是ajax的简化，只支持json格式
	 	 $.getJSON("http://192.168.12.21:8080/systemr/b.do?jsoncallback=?",function(result){
		   $("#myp").html(result);
		  });
	 });
	});
</script>
</head>
<body>
<p id="myp"><h2>通过 AJAX 改变文本</h2></p>
<button id="b01" type="button">改变内容01</button>
<button id="b02" type="button">改变内容02getJSON</button>
</body>
</html>

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Redirection vers la page de connexion immédiatement après l'échec d'Ajax+Session

Surveillance globale du fonctionnement ajax, session utilisateur Comment gérer l'échec

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!

php ajax Session
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：Une brève analyse du mécanisme de récupération de place JS et de la gestion de la mémoireArticle suivant：Une brève analyse du mécanisme de récupération de place JS et de la gestion de la mémoire

Articles Liés

Voir plus