采用jsonp模仿百度自动补全插件

$('#text').keyup(function() {
            var keywords = $(this).val();
            if (keywords == '') {
                $('#word').hide();
                return
            };
            $.ajax({
                        url: '/employee?keywords=' + keywords,
                        dataType: 'jsonp',
                        jsonp: 'cb', //回调函数的参数名(键值)key
                        // jsonpCallback: 'fun', //回调函数名(值) value
                        beforeSend: function() {
                            $('#word').append('<div>正在加载。。。</div>');
                        },
                        success: function(data) {

小蓝帽0
2018/3/18 11:25:13
我的url为什么不能查出来,有点不懂,

66666666666

A0
2017/9/29 12:14:23

谢谢

$.ajax({
    url: 'http://suggestion.baidu.com/su?wd=' + keywords,
    dataType: 'jsonp',
    jsonp: 'cb', //回调函数的参数名(键值)key
    // jsonpCallback: 'fun', //回调函数名(值) value
    beforeSend: function() {
        $('#word').append('<div>正在加载。。。</div>');
    },
    success: function(data) {
        $('#word').empty().show();
        if (data.s == '') {
            $('#word').append('<div class="error">Not find  "' + keywords + '"</div>');
        }
        $.each(data.s, function() {
            $('#word').append('<div class="click_work">' + this + '</div>');
        })
    },
    error: function() {
        $('#word').empty().show();
        $('#word').append('<div class="click_work">Fail "' + keywords + '"</div>');
    }
})

http://suggestion.baidu.com/su?wd=跨域
    window.baidu.sug({
        q: "跨域",
        p: false,
        s: ["跨域访问", "跨域请求", "跨域ajax", "跨域问题", "跨越速运", "跨域 cookie", "跨域请求解决方案", "跨域问题怎么解决", "跨域的几种方式", "跨域攻击"]
    });

我想请问下这个跨域 是怎么接收的值  有什么规则

A1
2017/9/28 16:05:46

不好意思 才看见   采用的jQuery的ajax如果发送成功将会执行

success:function(data){}

这个函数 它的返回值会赋值给

success:function(data){ }

里面的data    此时的data为一个json格式的数组  你可以在火狐浏览器中的开发者-web控制台-网络   中查看数组   当中数据的键为s   要想取得数组中的键格式为 data.s  此时data.s也为数组 然后采用jquery中的$.each循环 展示出来   有不懂得随时可以提问   

棒棒哒

A0
2017/9/28 16:07:23

 thank,you