jquery jsonp 案例

//公共js类

var ajax_jsonp = {
    baseurl: "",
    send: function(data, complate) {
        /**
         * data : {"opp": "main", "pageType": pageType, "id": id} url参数
         * callback ： 调用方法
         */
        $.ajax({
            type: "get", //使用get方法访问后台 
            dataType: "jsonp", //返回json格式的数据 
            jsonp: "callback", //传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(默认为:callback)
            jsonpCallback: "success_jsonpCallback", //自定义的jsonp回调函数名称，默认为jQuery自动生成的随机函数名
            url: this.baseurl, //要访问的后台地址 
            data: data,//请求参数
            async: false, //同步和异步目前无效果
            success: function(data) {
                console.info(data);
            },
            error: function() {
                console.info("error");
            }
        });
    }
};

js ajax

$(function() {
                ajax_jsonp.baseurl='php请求地址';
                ajax_jsonp.send({username:"username1",password:"password1"},"");
                
            });

php 端

public function index() {
        $array = array
            (
            'total' => 1,
            'f1' => "fff这是中文",
            'f2' => "fff{\/\fa#$%^@}"
        );
        echo $_GET["callback"] . '(' . json_encode($array) . ')';
        exit();
    }

请求响应

({"total":1,"f1":"fff\u8fd9\u662f\u4e2d\u6587","f2":"fff{\\\/\fa#$%^@}"})