JS & jQuery 中的 jsonp (跨域请求)

模拟百度搜索输入联想功能

百度输入联想 API 的回调函数约定名称: cb
js 中 url 可以设置 ‘&cb=callback’ // callback 为自定义处理函数名称.
jQuery 中 只需要在 AJAX 中添加 jsonp: ‘cb’ 即可.

(一) JS:

    // 创建 script 标签
    var script = document.createElement('script');
    // 设置 script 标签的 src 属性
    script.src = 'http://https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=' + searchInput.value + '&cb=callback';
    // 将 script 标签插入到页面中
    document.head.appendChild(script);
    // 回调函数
    function callback (data) {
        console.log(data)
    }

(二) jQuery:

    var url = 'http://https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=' + searchInput.val();
    $.ajax({
        url: url,
        type: 'GET', // 定义请求方式
        dataType: 'jsonp', // 定义数据类型
        jsonp: 'cb', // 回调函数名
        success: function (data) {
            console.log(data)
        }
    })