Question

preventDefault()不起作用，我不知道为什么！

我检查了其他论坛，这应该正常工作

我也试过了$(document).ready(function() )，但那也没有用。

如果它有所不同，那么javascript和html就会按照确切的顺序排列。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<script type="text/javascript">

$("#my_form").submit(function(event){
 event.preventDefault(); //prevent default action 
 var post_url = $(this).attr("action"); //get form action url
 var request_method = $(this).attr("method"); //get form GET/POST method
 var form_data = $(this).serialize(); //Encode form elements for submission

 $.ajax({
     url : post_url,
     type: request_method,
     data : form_data
 }).done(function(response){ //
     $("#server-results").html(response);
 });




});

<form id="my_form" method="post" action="http://link.php">
    <input type="text" id="fullname" name="fname">
    <input type="submit" id="submit_post" value="Post" >
</form>

<div id="server-results"></div>

感谢

Answer 1

请尝试$（＆＃34;＃my_form＆＃34;）。on（＆＃39; submit＆＃39;，function（event）{}）;

preventDefault（）不能使用Ajax

1 个答案: