jquery - jQuery.ajax 方法获取数据而不刷新

Question

我有这个问题，我喜欢做的是没有刷新。我想要的是，当我搜索然后按 Enter 时，播放列表不应该刷新。

我的网页示例是http://cocopop12.site11.com/v1.7/index.php

我的 jquery 脚本正确吗？我是否需要使用 ajax 以使页面不会刷新？

$(function(){
$('input[name="searchsubmit"]').click(function(e) {         
    e.preventDefault();
    var qS = $('#qsearch').val();

    $.ajax({
        type:"GET",
        url:"",
        data: qS,
        dataype: 'html',
        success: function(data){
           $('input#qsearch').html(data);
            return false;
        }
    })
}); 
});

按钮是

<div class="search">
<form id="quick-search" action="" method="get">
<p>
<label for="qsearch">Search:</label>
<input class="tbox" id="qsearch" type="text" name="q" value="Keywords" title="Start typing and hit ENTER" onblur="if(this.value=='') this.value='Keywords';" onfocus="if(this.value=='Keywords') this.value='';" />
<input class="btn" alt="Search" type="image" name="searchsubmit" title="Search" src="./css/search.gif" />
</p>
</form>
</div>

谢谢你的时间。

Answer 1

尝试success代替done()，您不能将 ajax 调用传递data给done()方法：

    $.ajax({
        type:"GET",
        url:"",
        data: qS,
        datatype: 'html',
        success: function(data){
           $('input#qsearch').html(data);
        }
    }).done(function() {
        alert('done')
    })