$.ajax 및 $.getJson은 도메인 간 요청을 해결합니다.

js를 작성할 때 항상 도메인 간 요청 문제에 직면하게 됩니다. 이제 두 가지 방법을 알고 기록합니다.

1) $.ajax를 사용합니다. 그러나 반환 데이터 유형은 jsonp로 설정되어야 합니다. 예:

     $.ajax({
        type: 'get',
        contentType: "application/json; charset=utf-8",      
        url: "http://localhost:8080/aqi/getCityList.php",
        dataType: 'jsonp',
        headers: {
            Accept: "application/json",
            "Access-Control-Allow-Origin": "*"
        },
        crossDomain: true,
        async: false,
        jsonp: "callback",//传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(默认为:callback)
        jsonpCallback:"success_jsonpCallback",//自定义的jsonp回调函数名称，默认为jQuery自动生成的随机函数名
        success:function(json){
          getCityListSuccess(json);
        },
        error: function (data, textStatus, errorThrown) {
            console.log("error" + ' ' + JSON.stringify(data) + textStatus + errorThrown);
        }
    });

PHP 측 코드:

<?php
	header("Content-Type: text/html;charset=utf-8");
  	$db_name="aqidata.db";
	$conn = new sqlite3($db_name);
	$callback = $_GET[&#39;callback&#39;];
	$resultarray=array();
    <span style="white-space:pre">	</span>$sql = "select * from 'city' where 1=1 order by id";
    <span style="white-space:pre">	</span>$result = $conn->query($sql);
    <span style="white-space:pre">	</span>$i=0;
    <span style="white-space:pre">	</span>while ($row = $result->fetchArray(SQLITE3_ASSOC)) {
    	<span style="white-space:pre">	</span>$resultarray[$i]=$row;
	    <span style="white-space:pre">	</span>$i++;
    <span style="white-space:pre">	</span>}

	echo $callback.'('.json_encode($resultarray).')';


?>

참고: 1. jsonp 매개변수는 다음과 같습니다. ajax에 지정한 다음 백엔드를 반환 값에 콜백 함수 이름을 씁니다.

제가 참고한 블로그 게시물은 다음과 같습니다: http://www.cnblogs.com/xcxc/p/3729660.html

2) $ 사용 .getJSON , 이 함수는 도메인 간 호출을 지원합니다.

     $.getJSON("http://localhost:8080/aqi/getCityList.php",function(json){
      getCityListSuccess(json);
     });

그러나 백엔드 코드(php)를 추가해야 합니다.

header("Access-Control-Allow-Origin:*");

그렇지 않으면 오류가 보고됩니다.

No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access. 

제가 참조한 블로그 게시물 는 다음과 같습니다: http://blog.163.com/lvshutao@126/blog/static/164637467201442253942499/?latestBlog

위 내용을 포함하여 도메인 간 요청을 해결하기 위해 $.ajax 및 $.getJson을 소개합니다. PHP 튜토리얼에 관심이 있는 친구들에게 도움이 되기를 바랍니다.