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为submit。我正确地得到了json，它也正确显示。但每当我点击Mark Attendance Button时，它都不会被重定向到markAttendance.php。

Answer 1

尝试这样的电话：

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

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

您可以跟踪检查工具 - ＆gt;网络标签。

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

表格不会重定向到新页面

1 个答案: