首页 / JQUERY / jquery使用jsonp跨域请求代码示例

jquery使用jsonp跨域请求代码示例

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jquery使用jsonp跨域请求代码示例，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1226字，纯文字阅读大概需要2分钟。

内容图文

HTML 部分

文件名：test.html

             1
            <
            meta 
            charset
            ="utf-8"
            >
             2
            <
            script 
            src
            ="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"
            ></
            script
            >
             3
            <
            script
            >
             4
            function
             jsonpCallback(){

             5
                    alert(
            ‘
            jsonpCallback
            ‘
            );

             6
                }

             7
                $(document).ready(
            function
            (){

             8
                    $.ajax({ 

             9
                        url: 
            "
            http://127.0.0.1/jsonp.php
            "
            , 

            10
                        data: {username:
            "
            admin
            "
            , password: 
            "
            admin
            "
            },

            11
                        dataType: 
            "
            jsonp
            "
            ,

            12
                        jsonp: 
            "
            callback
            "
            ,

            13
                        success: 
            function
            (data){

            14
                            alert(JSON.stringify(data));

            15
                        },  

            16
                        error:
            function
            (XHR, textStatus, errorThrown){

            17
                            alert(
            ‘
            error: 
            ‘
            +
             errorThrown);

            18
                        }

            19
                    });

            20
                });

            21
            </
            script
            >

 

服务器部分

jsonp.php

             1 <?php
 2if (!empty($_SERVER[‘HTTPS‘]) && (‘on‘ == $_SERVER[‘HTTPS‘])) {
 3$uri = ‘https://‘;
 4 } else {
 5$uri = ‘http://‘;
 6}
 7$uri .= $_SERVER[‘HTTP_HOST‘].$_SERVER[‘REQUEST_URI‘];
 8 9//获取jsonp回调函数的函数名，即url中callback=后面的值10$jsonp_callback = $_GET[‘callback‘]; 
11if($_GET[‘username‘] == ‘admin‘ && $_GET[‘password‘] == ‘admin‘){
12$data = array(‘msg‘=>‘登录成功‘);
13 }else{
14$data = array(‘msg‘=>‘用户名或密码错误‘);
15}
16$json = json_encode($data);
17//返回jsonp的回调函数名和参数18echo$jsonp_callback.‘(‘.$json.‘)‘;

 

原文：http://www.cnblogs.com/maxuebing/p/4950254.html

内容总结

以上是互联网集市为您收集整理的jquery使用jsonp跨域请求代码示例全部内容，希望文章能够帮你解决jquery使用jsonp跨域请求代码示例所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1230908.html

来源：【匿名】