jquery+ajax搜索列表

<script type="text/javascript">
        $(function () {
            var xhr = null;
            $("#search").click(function () {
                if (xhr) {
                    xhr.abort();//如果ajax请求存在，就放弃请求
                }
                var text = $("#text").val().trim();
                if (text != '') {
                    $.ajax({
                    url: "/json/json.json",
                    type: "get",
                    dataType: "json",
                    data: "value=" + text,//把text传到服务器
                    success: function (data) {
                        if (data.length != 0) {//检测返回的值是否为空
                            var html = '<ul>';
                            $.each(data, function () {
                                html += "<li>" + this.name + "</li>"
                            });
                            $(".div").html(html);
                            $("li").click(function () {
                                $("#text").val($(this).text());
                            })
                        }
                    }
                });
                }
                
            });
        })

    </script>

<form id="form1" runat="server">
        <input type="text" id="text" value="  用"/><input type="button" value="查询" id="search" />
        <div class="div"></div>
    </form>