javascript - 表单不重定向到新页面

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，它也正确显示。但是每当我点击标记出勤按钮时，它都不会重定向到 markAttendance.php。

Answer 1

尝试这样调用:

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

因为它是 AJAX，页面不会在 displayStudents.php 上重定向。将对页面进行异步调用。

您可以在检查工具 --> 网络选项卡上进行跟踪。

而不是 <table><form></form></table>结构，做<form><table></table></form>