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

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

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

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

相关插件-自动完成

js汉字转换成拼音首字母

将输入的汉字转换成拼音首字母
  自动完成
 363  7

原生js计算器

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

获取当前光标位置

能够获取表单元素中当前光标的位置.在插入表情等情景下会用到
  自动完成
 7400  31

文字个数判断

文字个数判断,限制字符输入个数超出自动删除。
  自动完成
 5078  63

讨论这个项目(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

    回复
取消回复