Heim > Web-Frontend > js-Tutorial > So verwenden Sie die Ajax-gekapselte Funktion JSONP

So verwenden Sie die Ajax-gekapselte Funktion JSONP

一个新手
Freigeben: 2017-09-09 15:08:04
Original
1545 Leute haben es durchsucht

// 封装ajax jsonp处理
var api_url = '';
function ajax(url, para, success, error) {
    $.ajax({
        type: para.type ? para.type: 'GET',
        url: url,
        contentType: 'application/json',
        // 
        dataType: para.dataType || 'jsonp',
        // 数据格式
        async: para.async,
        // 同步异步
        data: para.data,
        // 请求字段名
        beforeSend: function(xhr) {
            // 发送数据前
        },
        success: function(res) {
            if (success) success(res);
        },
        error: function(request) {
            var res = request.responseText;
            if (typeof(res) == 'string') {
                res = JSON.parse(request.responseText); // JSON 处理返回的错误 解析
            }
            if (error) {
                error(res); // 返回的错误打印出来
            }
            if (res.code == 206 || res.code == 207) {
                // 服务器错误代码处理
            }
        }
    });
}
function ajax_general(option, para, success, error) {

    if (option.async == undefined) {
        option.async = true; // 判断同步与异步 
    }

    option.type = option.type ? option.type: 'POST'; // 判断get或post方式。如果没有设置。默认post 
    var url = api_url + option.action; // 定义 url 请求地址
    option.data = para; // 请求的字段
    ajax(url, option,
    function(res) {
        success(res);
    },
    error);
}
Nach dem Login kopieren

Aufrufmethode:

ajax_general({
    action: 'mallUShopList'
},{
    mobile: '15606958460',
    api_token: 'd22160093310e86d538f652f57159eff',
},function(res) {
    // success
},function(error) {
    console.log(error);
});
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonSo verwenden Sie die Ajax-gekapselte Funktion JSONP. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage