当复选框被更改时，ajax post表单jquery ajax无法正常工作

Question

我正在尝试创建一个表单提交复选框更改我的代码如下。 。 我的问题没有发生

gotofile.php

文件，但执行成功函数// dosomething

jquery：

$("#container input[type=checkbox]").change(function(e){
                if($(this).attr('checked')) 
                {

                    var cnType=$(this).attr("id");

                    $.ajax({
                        type: "POST",
                        url: "gotofile.php",
                        data: "typID="+cnType ,
                        cache: false,
                        success: function(){ 
                            //do something 
                        }
                    });
                }
            });

php：

include '../dbconnection/dbconfig.php';


$typeID=$_POST['typID'];
$qryConnections="INSERT INTO ...";
$rslt1 = mysql_query($qryConnections);

HTML

<form id="cnct" method="POST">
                            <div id="container" style="">
                                <ul style="list-style: none;">
                                   <li><input type="checkbox" id="1" />A</li>
                <li><input type="checkbox" id="2" />B</li>

                                </ul>
                            </div></form>

任何人都能帮我解决我做错的事吗？

Answer 1

一些安全问题

请记住，导航到您网站的任何人都可以看到您的JS。 使用：

data : "typID="+cnType

会让我觉得typID是你SQL中的字段。 您没有CSRF过滤器，因此我可以编写一个ajax脚本来欺骗有效请求并从外部位置更新所有字段。 需要注意的一点是，我建议您阅读CSRF或Cross Site Request Forgery。

为什么你的脚本不起作用

如果成功函数正在触发，则脚本已运行。 通过在PHP中输出$ _POST ['typID']的值来调试它。 如果发送正确，您将在控制台中看到变量值。

除此之外，让你的PHP回显出你的成功函数的JSON响应，以验证一切顺利。

echo json_encode(array('response' => 'success'));

或者('response' => 'failed')或者你需要的任何东西。 然后，您可以在success函数中评估JSON。

我希望这有帮助。

Answer 2

首先，您应该在Jquery代码中使用click而不是change事件作为复选框。

第二件事，你没有为你的html代码中的复选框提供任何价值。

请问它是否对你不起作用。

Answer 3

尝试

        $("#container input[type='checkbox']").click(function(e){

                var cnType=$(this).attr("id");

                $.ajax({
                    type: "POST",
                    url: "gotofile.php",
                    data: "typID="+cnType ,
                    cache: false,
                    success: function(){ 
                        //do something 
                    }
                });
         });