javascript - jQuery 回车键提交表单

Question

我构建了一个简单的表单，只要您按 ENTER 键就会提交。它工作正常，但每当我尝试在其中运行 .post 时，当我按 Enter 键而不是提交时，文本区域中的文本就会中断。

我所说的破坏是什么意思

<小时/>

文本区域中的文本是
|打破

<小时/>

这很好用

// Submit comment on ENTER key pressed
    $("textarea[name=comment_body]").keypress(function(event) {
        if (event.which == 13) {

            alert(comment_body);
        }
    });

这不是

// Submit comment on ENTER key pressed
    $("textarea[name=comment_body]").keypress(function(event) {
        if (event.which == 13) {        
            var comment_body = $(this).val();    
            $.post("comments.php", {
                comment_body: comment_body
            }
            alert(comment_body);
        }
    });

如何在其中使用 jQuery .post 而不会失败？

Answer 1

你应该这样做:

$("textarea[name=comment_body]").keypress(function(event) {
    if (event.which == 13) {        
        var comment_body = $(this).val();    
        $.post("comments.php", {cb: comment_body}, function(data){
            alert(data.cb);
        }, "json");
});

在我看来，您正在通过 $.post() 方法将数据 {comment_body:remove_comment} 发布到 comments.php jQuery 但你没有使用其中的回调函数。

无论您向 comment.php 发布什么内容，都可以在回调函数中传递的 data 参数中找到。