帮我看下为什么获取数据报错

来源:2-2 为搜索框添加功能--获取数据和生成下拉层结构

慕九州118720

2019-12-12 12:14:12

http://img.mukewang.com/climg/5df1be6509e2dd5b19200291.jpg

(function ($) {

    'use strict';


    var $search = $(".search"),

        $box = $(".search-box"),

        $btn = $(".search-btn"),

        $auto = $(".search-auto");

    // 验证搜索框是否有效    

    $btn.on("click", function () {

        if ($.trim($box.val()) == '') {

            return false;

        }

    })


    $box.on("input", function () {

        var url='https://suggest.taobao.com/sug?code=utf-8&&_ksTS=1564047707915_833&callback=jsonp834&k=1&area=c2c&bucketid=5&q='+$.trim($box.val());


        $.ajax({

            url: url,

            datatype: "jsonp"

        }).done(function (data) {

            console.log(data)

            // var html = "",

            //     maxNum = 5,

            //     num = data['result'].length;

            // if (num == 0) {

            //     $auto.html('').hide();

            //     return;

            // }

            // for (i = 0; i < num; i++) {

            //     if (i >= maxNum) break;

            //     html = "<li>" + data['result'][i][0] + "</li>";

            // }

            // $auto.html(html).show();

        }).fail(function (error) {

            console.log(1);

        })

    })

})(jQuery);

<div class="search">

                <form action="//s.taobao.com/search">

                    <input type="text" placeholder="一元抢" name="q" autocomplete="off" class="search-box">

                    <input type="submit" value="搜索" class="search-btn">

                </form>

                <ul class="search-auto">

                    <!-- <li>1</li>

                    <li>2</li>

                    <li>3</li> -->

                </ul>

            </div>


写回答

2回答

好帮手慕糖

2019-12-12

同学你好,能够自己发现问题,很棒,继续加油~

祝学习愉快~

0

慕九州118720

提问者

2019-12-12

dataType的t没大写。。。

0

0 学习 · 14456 问题

查看课程