简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - Solution interdomaine pour les appels locaux avec l'API Taobao
世界只因有你
世界只因有你 2017-05-19 10:17:45
0
3
678

Aujourd'hui, j'ai vu la première réponse sur /q/10... selon laquelle Taobao dispose d'une API pour les numéros de téléphone mobile, j'ai donc écrit un fichier html localement et envoyé une requête ajax à cette API. Cependant, cela a provoqué une erreur inter-domaines. . Il n'a pas été traité. Comment résoudre ce genre de problème ? Veuillez poster le code ~ Merci beaucoup, Xiaobai ~

世界只因有你
世界只因有你

répondre à tous(3)
phpcn_u1582
phpcn_u15822017-05-19 10:19:45 3 plancher

JSONP。。

Comme +0
Ajouter une réponse
迷茫
迷茫2017-05-19 10:19:45 2 plancher

Le cross-domain peut être effectué via JSONP

<script>
$(document).ready(function(){ 
    $("#search").click(function(){ 
        $.ajax({ 
            type: "GET",     
            url: "http://127.0.0.1:8000/ajaxdemo/serverjsonp.php?number=" + $("#keyword").val(),
            dataType: "jsonp",
            jsonp: "callback",
            success: function(data) {
                if (data.success) {
                    $("#searchResult").html(data.msg);
                } else {
                    $("#searchResult").html("出现错误：" + data.msg);
                }  
            },
            error: function(jqXHR){     
               alert("发生错误：" + jqXHR.status);  
            },     
        });
    });
    
    $("#save").click(function(){ 
        $.ajax({ 
            type: "POST",     
            url: "http://127.0.0.1:8000/ajaxdemo/serverjsonp.php",
            data: {
                name: $("#staffName").val(), 
                number: $("#staffNumber").val(), 
                sex: $("#staffSex").val(), 
                job: $("#staffJob").val()
            },
            dataType: "json",
            success: function(data){
                if (data.success) { 
                    $("#createResult").html(data.msg);
                } else {
                    $("#createResult").html("出现错误：" + data.msg);
                }  
            },
            error: function(jqXHR){     
               alert("发生错误：" + jqXHR.status);  
            },     
        });
    });
});
</script>

Ceci est le fichier de test pour l'application cross-domain de jsonp écrit auparavant, vous pouvez vous y référer

Comme +0
Ajouter une réponse
PHPzhong
PHPzhong2017-05-19 10:19:45 1 plancher 
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>test</title>
</head>

<body>
    <input type="text" id="tel">
    <input type="button" id="btn" value="submit">
    <script src="https://lib.sinaapp.com/js/jquery/3.1.0/jquery-3.1.0.min.js"></script>
    <script>
    $('#btn').click(function() {
        var tel = $('#tel').val().trim();
        if (!tel) {
            return;
        }
        $.ajax({
                url: 'https://tcc.taobao.com/cc/json/mobile_tel_segment.htm',
                dataType: 'jsonp',
                data: {
                    tel: tel
                },
            })
            .done(function(rs) {
                console.log(rs);
            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
            });

    });
    </script>
</body>

</html>
Comme +0
Ajouter une réponse
Sujets populaires
Plus>
Articles populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！