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

所属分类:输入-自动完成

 2991  26  查看评论 (7)
采用jsonp模仿百度自动补全插件 ie兼容8

引入index.html里面的完整DOM复制id  和public文件夹

相关插件-自动完成

原生js计算器

原生js简单的加减乘除计算器
  自动完成
 1981  11

jquery聊天机器人

是一个会聊天的机器人还可以发表情哦
  自动完成
 5384  34

js脚本房贷计算器

js脚本房贷计算器、住房贷款计算器、 公积金贷款计算器
  自动完成
 10269  46

前端模拟自动检测功能

jQuery前端模拟自动检测功能插件AutoCheck.js
  自动完成
 5105  87

讨论这个项目(7)回答他人问题或分享插件使用方法奖励jQ币

    /oh ppant 0
    2017/10/30 22:38:39
    非常棒的一个例子,比那些华而不实的自动完成实用的多了 谢谢 回复
    ty.Forge 0
    2017/9/28 17:32:02

    66666666666

        A0
        2017/9/29 12:14:23

        谢谢

    回复
    Me 0
    2017/9/28 15:23:43
    $.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循环 展示出来   有不懂得随时可以提问   

    回复
    为你而战野狼 0
    2017/9/28 10:26:47

    棒棒哒

        A0
        2017/9/28 16:07:23

         thank,you

    回复
取消回复