php - 如何使按下输入键的ajax javascript工作

<script type='text/javascript'>//<![CDATA[
$(window).load(function(){
$(document).ready(function() {
    $("input[name='search_user_submit']").click(function() {
        var cv = $('#newInput').val();
        var cvtwo = $('input[name="search_option"]:checked').val();
        var data = { "cv" : cv, "cvtwo" : cvtwo }; // sending two variables
        $("#SR").html('<img src="loading.gif"/>').show();
        var url = "user.php";
        $.post(url, data, function(data) {
            $("#SR").html(data).show();
        });

    });
});
});//]]>
</script>

当我按下按钮时，这很好用，但是当我按下Enter键时，所有变量及其值都会显示在地址栏中。

那么我如何为此目的添加按键事件：-

我已经尝试过此代码的按键仍然无法正常工作：-

<script type="text/javascript">
$(window).load(function(){
    $(document).ready(function() {
    function Script(e) {
        if (e.keyCode == 13) {
             var cv = $('#newInput').val();
            var cvtwo = $('input[name="search_option"]:checked').val();
            var data = { "cv" : cv, "cvtwo" : cvtwo }; // sending two variables
            $("#SR").html('<img src="loading.gif"/>').show();
            var url = "user.php";
            $.post(url, data, function(data) {
                $("#SR").html(data).show();
            });
        }
    }
    });
});
</script>

同样对于按键，我在单击选项按钮时创建了文本框，在我的JavaScript中，我指定了以下内容：

input.onkeypress = 'return Script(event)';

最佳答案

您应该使用表单，并具有一个onsubmit事件，而不要处理Enter键。

<form id="myform">
    <!-- ... -->
    <input type="submit">
</form>

<script>
document.getElementById("myform").onsubmit = function (ev) {
    ev.preventDefault();
    // ...
}
</script>

没有进行错误检查，但希望您能理解。