2017-09-01 29 views
0

這是我的代碼:

function onsubmitlogin(token) 
 
{ 
 
    $(document).ready(function() 
 
    { 
 

 
    $("form.formajax").submit(function(e) 
 
    { 
 

 
     e.preventDefault(); 
 

 
     var data = $(this).serialize(); 
 
     var url = $(this).attr("action"); 
 
     var form = $(this); 
 
     $.post(url, data, function(data) 
 
     { 
 

 
     $(form).children(".signupresult").css("opacity", "1"); 
 
     $(form).children(".loginresult").html(data.loginresult); 
 
     $(form).children(".loginresult").css("opacity", "1"); 
 

 
     }); 
 
     return false; 
 
    }); 
 

 
    $(this).submit(); 
 
    }); 
 
};
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 

 

 
<form action="abc.com" method="post" class="formajax" > 
 
<input type="text"> 
 
<input type="submit"> 
 
</form> 
 

 
<form action="xyz.com" method="post" class="formajax" > 
 
<input type="text"> 
 
<input type="submit"> 
 
</form>

問題是這一行$(this).submit();(jQuery的代碼最後3號線)

我只想提交點擊表格。問題是什麼?

$(this);正在工作的上述代碼

+0

因爲在該行不是這種形式 – Max

回答

0

嘗試以下:

function onsubmitlogin(token){ 
    $(document).ready(function(){ 

    $("form.formajax").each(function(e){ 
     $(this).submit(function(e){ 
     e.preventDefault(); 
     var data = $(this).serialize(); 
     console.log(data); 
     var url = $(this).attr("action"); 
     console.log(url); 
     var form = $(this); 
     $.post(url, data, function(data){ 
      $(form).children(".signupresult").css("opacity", "1"); 
      $(form).children(".loginresult").html(data.loginresult); 
      $(form).children(".loginresult").css("opacity", "1"); 
     }); 
     $(this).submit(); 
     return false; 
     }); 
    }); 

    }); 
};