Form Umleitung nicht auf neue Seite

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(); 
    }  
}) 
}); 

In der HTML-Datei gibt es eine Tabelle und Taste ist mit id wie vor. Ich bekomme den JSON richtig und es wird auch richtig angezeigt. Aber immer, wenn ich auf die Schaltfläche Teilnahme markieren klicke, wird sie nicht zu markAttendance.php umgeleitet.

Answer 1

Versuchen Sie Ihren Anruf wie folgt aus:

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

Wie es AJAX ist, Seite wird nicht auf displayStudents.php umleiten. Auf der Seite wird ein Async-Aufruf erfolgen.

Sie können auf Inspect Tools -> Netzwerk Registerkarte verfolgen.

Statt <table><form></form></table> Struktur, nicht <form><table></table></form>