javascript - .ajax() 在按下 ENTER 后刷新页面

Question

我正在使用 ajax 使用新文件夹更新数据库，但在按下 ENTER 后它会刷新页面。在我的表单上，我有 onkeypress="if(event.keyCode==13) savefolder();"这是我的javascript代码:它的作用基本上是在你按回车键后，它调用函数savefolder，savefolder然后通过ajax发送请求以将文件夹添加到数据库。问题是它刷新页面...我希望它保留在同一页面上。有什么建议么？谢谢

<script>


 function savefolder() {

var foldername= jQuery('#foldername').val(),
    foldercolor= jQuery('#foldercolor').val();
//  ajax request to add the folder
            jQuery.ajax({   
                type: 'get',
                url: 'addfolder.php',
                data: 'foldername=' + foldername + '&foldercolor=' + foldercolor,       
                beforeSend: function() { alert('beforesend');}, 
                success: function() {alert('success');}
            });

return false;
}
</script>

Answer 1

这正在工作:

<form>
    <input type="submit" value="Enter">
    <input type="text" value="" placeholder="search">
</form>

function savefolder() {
    var foldername= jQuery('#foldername').val(),
        foldercolor= jQuery('#foldercolor').val();

    jQuery.ajax({   
        type: 'get',
        url: '/echo/html/',
        //data: 'ajax=1&delete=' + koo,       
        beforeSend: function() {
            //fe('#r'+koo).slideToggle("slow");
        },
        success: function() {
            $('form').append('<p>Append after success.</p>');
        }
    });

    return false;
}

jQuery(document).ready(function() {
    $('form').submit(savefolder);
});

http://jsfiddle.net/TFRA8/

您需要检查处理过程中是否出现任何错误(Firebug 或 Chrome 控制台可以提供帮助)。就目前情况而言，您的代码格式不正确，因为 $(document).ready() 在您包含在问题中的代码中永远不会关闭。