形式不重定向到新的頁面

Question

getStudents.js

$("#submit").click(function(){ 
$.ajax({ 
    url: "displayStudents.php?branchCode=1", 
    datatype:"JSON", 
    success: function(obj){ 
     $("table").append("<form method='POST' action='markAttendance.php'>  <tr><th>Roll No</th> <th>Name</th><th colspan='2'>Attendance</th></tr>"); 
     for(var i=0; i<obj.length; i++){ 
      $("table").append(
       "<tr>"+ 
       "<td>"+obj[i].RollNo+"</td>"+ 
       "<td>"+obj[i].Name+"</td>"+ 
       "<td><input type='radio' name='mark["+i+"]' value='Present'>Present" + 
       "<input type='radio' name='mark["+i+"]' value='Absent' checked>Absent</td>" + 
       "</tr>" 
       ); 
     } 
     $("table").append("<tr><td><button type='submit' name='submitMark' id='submitMark'>Mark Attendance</button></td></tr></form>"); 
     $("#submit").hide(); 
    }  
}) 
}); 

在HTML文件中，有一張桌子和按鈕具有ID爲提交。我正確地獲取了json，並且它也正確顯示。但是每當我點擊Mark Attendance Button時，它都不會被重定向到markAttendance.php。

Answer 1

試試你的電話是這樣的：

$('body').on('click',"#submit",function(){ 

由於這是AJAX，網頁不會在displayStudents.php重定向。將有一個異步調用頁面。

您可以跟蹤檢查工具 - >網絡選項卡。

相反<table><form></form></table>結構，也<form><table></table></form>