Question

我正在创建一个ajax脚本来更新数据库中的几个字段。我得到它的工作，但它发送用户到PHP脚本，而不是留在页面，所以我做了一些谷歌搜索，人们建议使用返回false;或者e.preventDefault（）但是，如果我这样做，它会破坏另一页上的php脚本并返回致命错误。我可能会遗漏一些对AJAX来说很新鲜的东西，但它看起来都对我

JS：

$(document).ready(function() {
    var form    = $('form#edit_child_form'),
        data    = form.serializeArray();

    data.push({'parent_id': $('input[name="parent_id"]').val()});

    $('#submit_btn').on('click', function(e) {
        e.preventDefault();
        $.ajax({
            url:      form.prop('action'),
            dataType: 'json',
            type:     'post',
            data:     data,
            success: function(data) {
                if (data.success) {
                    window.opener.$.growlUI(data.msg);
                }
            },
            error: function(data) {
                if (!data.success) {
                    window.opener.$.growlUI(data.msg);
                }
            }
        });
    });
})

AJAX：

<?php
    //mysql db vars here (removed on SO)


    $descriptions = $_GET['descriptions'];
    $child_id     = $_GET['child_id'];
    $parent_id    = $_GET['parent_id'];

    $get_child_ids = $dbi->query("SELECT child_ids FROM ids WHERE parent = ". $parent_id ." ORDER BY id"); //returns as object
    $count         = 0;
    $res           = array();

    while ($child_row = $get_child_ids->fetch_row())
    {
        try
        {
            $dbi->query("UPDATE ids SET description = '$descriptions[$count]', child_id = '$child_id[$count]' WHERE parent_id = $child_row[0]");

            $res['success'] = true;
            $res['msg']     = 'Success! DDI(s) updated';
        } catch (Exception $e) {
            $res['success'] = true;
            $res['msg']     = 'Error! '. $e->getMessage();
        }

        $count++;
    }

    echo json_encode($res);

它可能是一些非常小的东西，我只是错过但不确定是什么 - 任何想法？

Answer 1

请尝试以下方法。
我在单击内部移动了表单数据，并将mysql查询值括在单引号中。

JS：

$(document).ready(function() {
    var form    = $('form#edit_child_form');

    $('#submit_btn').on('click', function(e) {
        e.preventDefault();
       var  data    = form.serializeArray();

       data.push({'parent_id': $('input[name="parent_id"]').val()});

        $.ajax({
            url:      form.prop('action'),
            dataType: 'json',
            type:     'get',
            data:     data,
            success: function(data) {
                if (data.success) {
                    window.opener.$.growlUI(data.msg);
                }
            },
            error: function(data) {
                if (!data.success) {
                    window.opener.$.growlUI(data.msg);
                }
            }
        });
    });
})

AJAX：

<?php
    //mysql db vars here (removed on SO)


    $descriptions = $_GET['descriptions'];
    $child_id     = $_GET['child_id'];
    $parent_id    = $_GET['parent_id'];

    $get_child_ids = $dbi->query("SELECT child_ids FROM ids WHERE parent = '". $parent_id ."' ORDER BY id"); //returns as object
    $count         = 0;
    $res           = array();

    while ($child_row = $get_child_ids->fetch_row())
    {
        try
        {
            $dbi->query("UPDATE ids SET description = '$descriptions[$count]', child_id = '$child_id[$count]' WHERE parent_id = '$child_row[0]'");

            $res['success'] = true;
            $res['msg']     = 'Success! DDI(s) updated';
        } catch (Exception $e) {
            $res['success'] = true;
            $res['msg']     = 'Error! '. $e->getMessage();
        }

        $count++;
    }

    echo json_encode($res);

Answer 2

我的解决方案：

我var_dumped $ _GET并且它返回null - 更改为$ _REQUEST并且它得到了我的数据所以很好:)感谢您的建议

Answer 3

您正在使用AJAX POST请求，因此在您的PHP中，您应该使用$ _POST而不是$ _GET。

你可以改变这个：

$descriptions = $_GET['descriptions'];
$child_id     = $_GET['child_id'];
$parent_id    = $_GET['parent_id'];

到此：

$descriptions = $_POST['descriptions'];
$child_id     = $_POST['child_id'];
$parent_id    = $_POST['parent_id'];

e.preventDefault / return false会中断正确的ajax脚本

3 个答案: