Question

我有一个搜索按钮，一旦点击，它将调用editAction.java。单击搜索按钮后我不希望页面刷新（我的jsp页面上有搜索功能）。即使在我的jsp页面底部包含javascript后，重新启动了tomcat服务器，但它仍然没有生效。我可以知道我在这里做错了什么吗？

<button class="btn btn-success btn-labeled fa fa-search" type="submit"  name="action" value="search" id ="search">Search</button>

使用Javascript

<script>
        $('#search').click(function (e)
        {
             e.preventDefault();
             var val = $(this).val();

            $.ajax({
                url: editAction.java,
                type: 'POST',
                data:
                        {
                            $('#search').val();
                        },
                success: function (msg)
                {
                    alert('Successful');
                }
            });
        });
    </script>

Answer 1

确保脚本中包含jquery

当您在浏览器中打开页面时，通常打开开发人员工具f12并检查是否显示任何错误

请发布完整的工作/错误产生代码，以便我们真正提供帮助

Answer 2

确保您的网址正确无误。重新启动tomcat后，需要清除浏览器缓存只能使用新版本的Javascript。尝试ctrl + shift + del

Answer 3

尝试删除type =＆＃34;提交＆＃34;来自按钮标签。

Answer 4

try this snippet:

<button class="btn btn-success btn-labeled fa fa-search" value="search" id="search">Search</button>

$('#search').click(function (e) {
    $.post("your url", {
        searchValue: $('#search').val()
    }, function (msg) {
        alert(msg);
    });
});

JQuery对jsp页面没有影响

4 个答案: