<del id="6q0am"></del>

jsonp + php 跨域?qū)嵗?

gyl_coder 發(fā)布于2019-08-19 17:08 / 419人閱讀

摘要：由于跨域的存在，使資源交互在不同域名間變的復(fù)雜和安全。對于跨域數(shù)據(jù)傳輸，當(dāng)數(shù)據(jù)長度較小的長度內(nèi)，是一種較好的解決方案。關(guān)于跨域可以參考跨域總結(jié)與解決辦法的端調(diào)用主要功能通過向服務(wù)器，調(diào)用相應(yīng)接口，獲應(yīng)數(shù)據(jù)根據(jù)獲取數(shù)據(jù)結(jié)果做出相應(yīng)回調(diào)。

由于跨域的存在，使資源交互在不同域名間變的復(fù)雜和安全。對于跨域數(shù)據(jù)傳輸，當(dāng)數(shù)據(jù)長度較小(get的長度內(nèi))，jsonp是一種較好的解決方案。
分享一個(gè)自己在jsonp使用過程中的demo。

關(guān)于跨域可以參考：跨域總結(jié)與解決辦法

jsonp的js端調(diào)用

主要功能：通過jsonp向服務(wù)器，調(diào)用相應(yīng)接口，獲應(yīng)數(shù)據(jù)；根據(jù)獲取數(shù)據(jù)結(jié)果做出相應(yīng)回調(diào)。

/**
 * jsonp demo
 * 通過回調(diào)函數(shù)，進(jìn)行獲取之后的事件加載
 *
 * @author:cuihuan
 * @private
 */
_jsonpDemo:function(callback){
    $.ajax({
        url: "http://your_site_url",
        type: "GET",
        dataType: "JSONP",
        success: function (data) {
            if (data && data.status) {
                if (data.status == "0") {
                    // failure solve
                    ...
                } else if (data.status == 500) {
                    // server error log
                    _sendInternalLog(data.info);
                } else if (data.status == 1) {
                    //success solve 
                    ...
                }
                
                // callback func
               (callback && typeof(callback) === "function" ) && callback(); 
            }

        },
        error: function () {
            _sendFailLog();
        }
    })

}

jsonp 服務(wù)器端 (php)

/**
 * 接口返回相應(yīng)數(shù)據(jù)
 *
 * status: 0 標(biāo)示失敗，1標(biāo)示成功,500發(fā)生錯(cuò)誤
 * return: jsonp 
 */
public function actionGetJsonPInfo()
{
    try {
        $data = getNeedData()
        if ($data["status"] == "success") {
            $res = array("status" => "1", "info" => $data["info"]);
        }else{
            $res = array("status" => "0", "info" => "0");
        }
    }catch (Exception $e){
        $res = array("status" => "500", "info"=> $e);
    }

    // jsonp 通過get請求的返回?cái)?shù)據(jù)形式
    if (isset ($_GET["callback"])) {
        header("Content-Type: application/json");
        echo $_GET["callback"]."(".json_encode($res).")";
    }
}