php - Ajax 调用在 enter 按键上不起作用，仅适用于点击功能

Question

我有一个从 php 文件调用数据的 ajax 方法，我是从一个博客中学到的，现在它适用于提交按钮单击功能的文件，但是当我按下enter变量时，地址栏中会显示并且 ajax 进程没有执行，可以任何人请帮我按回车方法....

这是我的代码：-

<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
        $("#SearchResult").html('<img src="../../involve/images/elements/loading.gif"/>').show();
        var url = "../elements/search-user.php";
        $.post(url, data, function(data) {
            $("#SearchResult").html(data).show();
        });
    });
});
});//]]>  
</script>

我已经通过使用 if 条件和按键事件来尝试它仍然无法正常工作：-

if (e.keyCode == 13) { // Do stuff }
else { // My above code }
//In this also it seems that i am doing something wrong.

任何人都可以请赐教哦，如何做到这一点。

我的输入字段是：-

<input type="text" name="searchuser_text" id="newInput" maxlength="255" class="inputbox MarginTop10">

我的提交按钮是：-

<input class="Button" name="search_user_submit" type="button" value="Search">

Answer 1

当您键入 enter 时，会执行表单的默认 onSubmit 处理程序。您可以使用提交 jquery 函数来处理输入和单击提交按钮。

$("form").submit(function() {
    var cv = $('#newInput').val();
    var cvtwo = $('input[name="search_option"]:checked').val();
    var data = { "cv" : cv, "cvtwo" : cvtwo }; // sending two variables
    $("#SearchResult").html('<img src="../../involve/images/elements/loading.gif"/>').show();
    var url = "../elements/search-user.php";
    $.post(url, data, function(data) {
        $("#SearchResult").html(data).show();
    });
    return false;
});

在此函数中返回 false 将阻止提交表单。

Answer 2

您可以尝试使用event.preventDefault();输入键。

谢谢。