ajax正在加载页面以返回POST请求 - javascript

当我通过ajax发出“ POST”请求时，返回请求时页面正在加载。

我们不使用ajax阻止整个页面重新加载吗？

这是我的html代码：

<form method="post">
<div align="center" class="col-md-10">
    <input  type="text" id= "input" name="input" >
 </div><
 <div class="form-group">
    <button type="submit" class="btn btn-default" id="search">
     Search
    </button>
  </div>
  </form>

这是我的ajax请求：

<script>
    $(document).ready(function () {
    $(".search").on('click', function () {
            var data = {};
            data['input'] = $('#input').val();
            // Submit data via AJAX§
            $.ajax({
            url: '/home',
                    type: 'post',
                    data: data,
                    success: function (data) {
                    }
            });
    });
    });
</script>

有谁知道如何解决这个问题，我在做什么错！

javascript大神给出的解决方案

我想，您有search作为id而不是类。它根本不调用ajax。
由于它带有一个submit按钮，因此正在提交，因此请像这样更改代码，

注意：.search将不起作用，

$("#search").on('click', function (e) {
    e.preventDefault();
    var data = {};
    data['input'] = $('#input').val();
        // Submit data via AJAX
    $.ajax({
        url: '/home',
        type: 'post',
        data: data,
        success: function (data) {

        }
    });
});

e.preventDefault()用于防止提交按钮的默认行为（默认情况下，单击提交按钮将重新加载页面。）有关e.preventDefault()，here或here的更多信息

服务器响应后如何在Symfony2中显示警报或信息消息而无需重新加载页面 - javascript

我正在用Symfony2为配镜师创建一个管理应用程序。当管理员将新客户添加到数据库时，我的控制器将检查客户名称是否重复。我想显示一个弹出对话框，询问用户是否要添加新客户。我该如何实施？我应该使用Ajax吗？这是我在这种情况下使用的控制器的示例代码：public function nouveauAction(Request $request) { $form …

在Wordpress插件中加载自定义JavaScript - javascript

好的，这让我发疯了：我正在尝试构建一个简单的Wordpress插件，并且正在尝试确保js与php分开。我已经看过了法典和各种教程，但要么都是在做假设，要么是我只是个白痴，因为它不起作用...基本上，我最终希望通过ajax向自定义添加一些行添加帖子时使用表格，但首先我要让“ Hello World”在“添加帖子”页面上工作...当然，这很简单：这是myplug…

jQuery val函数在隐藏字段上不起作用？ - javascript

这是我的HTML代码：<div style='display:none;' id='allformid'> <div> <form action='#'> <input type='text' name='name' …

对Flask-Admin字段覆盖使用ACE语法荧光笔 - javascript

在遵循以下有关覆盖flask-admin字段的提示之后，我试图使Ace语法荧光笔工作。https://flask-admin.readthedocs.io/en/latest/advanced/#wysiwig-text-fields这个想法是使SQLServer语法在wtforms文本区域上突出显示。此尝试不起作用，不确定额外的js中还包括什么？class…

读取客户端上的提要时出现NotAllowedException - javascript

嗨，我是GetStream的新手，仍然在学习。这是我正在使用的压缩版本。我有一个python后端，可在其中创建用户令牌：client = stream.connect(...) token = client.create_user_token(id) return token 然后，我将令牌传递给js前端，在该前端中该令牌用于检索该用户的feed活动。我正在…