이번에는 Ajax가 jsonp를 사용하여 도메인 간 데이터를 얻는 방법(코드 포함)에 대해 자세히 설명합니다. jsonp를 사용하여 도메인 간 데이터를 얻는 Ajax의 주의 사항은 무엇입니까? 다음은 실제 사례입니다.
오늘 jsonp 호출을 우연히 발견하고 정리했습니다.
<!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='text' value='1222'/>"])
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>이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!
추천 자료:
Ajax+Session 실패 후 즉시 로그인 페이지로 리디렉션
Ajax 작업 전역 모니터링, 사용자 세션 실패 처리 방법
위 내용은 도메인 간 데이터를 얻기 위해 jsonp 메소드를 사용하는 Ajax에 대한 자세한 설명(코드 포함)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
