jq 跨域请求

   //使用getJSON
<script type="text/javascript">
        $(function () {
            $("#btn2").click(function () {
                //get请求
                //使用getJSON callback:函数名随机 (如果不想让函数名随机用ajax)
                $.getJSON("http://v.juhe.cn/sms/send?callback=?", { data: "sss", Nume: "1" }, function (data) {
                    console.log(data);
                });
            });
        });
    </script>
    <!--通过jsonp跨域 使用script的src属性   --begin -->
    <script>
        function dosomething(jsondata) {
            //只能处理获得的json数据
            //console.log(jsondata);
        }
    </script>
    <!--请求百度  -->
    <!--<script src="http://www.baidu.com?callback=dosomething"></script>-->
    <!-- 错误提示Uncaught SyntaxError: Unexpected token <.翻译:未捕获的SyntaxError:意外的标记<; -->
    <!-- 结束请求百度 -->
    <!-- 请求返回json网页 -->
    <script src="http://v.juhe.cn/sms/send?callback=dosomething"></script>
    <!-- 返回object类型的数据              --end -->

 

AJAX 
<script type="text/javascript">
        $(function () {
            $("#btn3").click(function () {
                $.ajax({
                    url: "http://www.baidu.com",      //请求地址http://v.juhe.cn/sms/send 实际http://v.juhe.cn/sms/send?callback=person&data=sss&Nume=1&_=1513302345324
                    dataType: "jsonp",
                    jsonpCallback: "person", //固定callback名字  //请求地址http://v.juhe.cn/sms/send?callback=? 实际http://v.juhe.cn/sms/send?callback=person&data=sss&Nume=1&_=1513302146329
                    data: { data: "sss", Nume: "1" },
                    //jsonp: "callback", //地址是http://v.juhe.cn/sms/send?callback=person&data=sss&Nume=1&_=1513302466213
                    success: function (data) {
                        console.log(data);
                    },
                    error: function (jqXHR, textStatus, errorThrown) {
                        console.log(textStatus + errorThrown);
                    }
                });

            });

        });
    </script>

 

posted @ 2017-12-15 09:34  enych  阅读(1579)  评论(0编辑  收藏  举报