ajax获取跨域数据

Posted 冷月葬残花

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了ajax获取跨域数据相关的知识，希望对你有一定的参考价值。

1.效果图

 

2.源码

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <script type="text/javascript" src="/js/jquery.min.js"></script>
    <script type="text/javascript">
        function getData(keyword) {
            var url="https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=" +keyword;
            $.ajax({
                type: "get",
                async: false,
                url: encodeURI(url),
                dataType: "jsonp",
                jsonp: "cb", // 后台定义的回调函数标识符(一般默认为:callback)
                jsonpCallback: "jsonCallback", // 自定义的jsonp回调函数名称(默认为jQuery自动生成的随机函数名)
                success: function(data,status){
                    console.log(data);
                    console.log(status);
                },
                error: function(){
                    alert(\'fail\');
                }
            });
        }
    </script>
</head>
<body>
    <button onclick="getData(\'我\');">百度搜索"我"</button>
</body>
</html>

以上是关于ajax获取跨域数据的主要内容，如果未能解决你的问题，请参考以下文章

ajax跨域获取json数据

jQuery使用ajax跨域请求获取数据

ajax跨域之jsonp

JQuery - $.ajax() - 使用 JSONP 的跨域 - 仅在 IE 8 中获取“解析器错误”（在 IE 7 中工作）

通用jsonp跨域技术获取天气数据

ajax获取json数据及实现跨域请求