Question

我的html页面中有一个表单，由于某种原因，使用jquery命令不会停止重新加载页面。我尝试删除添加javscript:void(0)的post方法。更改

$('like_unlike').submit(function( event ) {
            event.preventDefault();
});

到

$('like_unlike').on("submit", function( event ) {
            event.preventDefault();
});

我不明白，如果不重新声明页面内容，我将无法获得向我的php端发送发布请求的表单。我正在使用ajax发送发帖请求，但是页面“发送”并将页面更改为过期，或者什么也没有发生。

这是我的HTML

<form id="like_unlike">
    <input type="hidden" name="art" value="{{ $arts[$i]->id }}">
    <input type="image" onclick="likeButton()" class="article-like pl-2 float-right" src="{{ asset('/images/unliked.svg') }}" alt="" id="unlike">
    <input type="image" onclick="unlikeButton()" class="article-like pl-2 float-right" src="{{ asset('/images/like.svg') }}" alt="" id="like">
</form>

我正在使用Laravel 5.8

jQuery preventDefault不会停止重新加载页面

0 个答案: