成功ajax发布后如何设置隐藏字段的值?

时间:2013-07-04 13:12:47

标签: php jquery ajax post

我有一些代码可以很好地保存到数据库等。我现在要做的是保存字段后,我希望将回显的最后一个id填充到隐藏字段中,这样我就可以用它来确定将来的插入/更新查询。

我的表格是:

<div id="formHolder">
<form type="post" action="add_room.php" id="mainForm">
    <label for="itemName[]">Item</label>
    <input type="text" name="itemName[]">
    <label for="itemPhoto[]">Item</label>
    <input type="text" name="itemPhoto[]">
    <input type="hidden" name="hiddenId[]" value="">
    <div class="save">Save Item</div>
</form>
</div>

我的jQuery是:

<script>
    $(document).ready(function() {
        $('body').on('click', '.save', function(e) {
            var string = $(this).closest('form').serialize();
            $.ajax({
                type: "POST",
                url: "add_room.php",
                data: string,
                cache: false,
                success: function(data){
                    $('#message').text('The id of the inserted information is ' + data);
                }
            });
        });
    });
    $(document).ready(function(){
        $('#addForm').on('click', function(){
            $('<form><label for="itemName[]">Item</label><input type="text" name="itemName[]"><label for="itemPhoto[]">Photo</label><input type="text" name="itemPhoto[]"><input type="hidden" name="hiddenId[]" value=""><div class="save">Save Item</div></form>').fadeIn(500).appendTo('#formHolder');
        });
    });
</script>

最后我的php是:

<?PHP

    include('dbConfig.php');

    $item = $_POST['itemName'];
    $photo = $_POST['itemPhoto'];

    foreach($item as $key => $val) {

        if ($stmt = $db->prepare("INSERT test (test_title, test_desc) VALUES (?, ?)"))
        {
            // Use an s per variable passed to the string, example - "ss", $firstname, $lastname
            $stmt->bind_param("ss", $val, $photo[$key]);
            $stmt->execute();
            $stmt->close();

            echo $db->insert_id;
            //echo "success";
        }
        // show an error if the query has an error
        else
        {
            echo "ERROR: Could not prepare SQL statement.";
        }
    }

?>

一切都很好地将字段数据添加到数据库,添加额外的字段等。我只是无法保存每个ajax帖子的回显id以保存到隐藏字段,但它将它保存到#message div no问题。有任何想法吗?我尝试过使用.val();但它没有用,我很难过。

安迪

3 个答案:

答案 0 :(得分:5)

在成功函数中尝试这个

$("[type=hidden]").val(data);

或者如果您能够像这样设置隐藏的字段ID

<input type="hidden" name="hiddenId[]" id="hiddenId" value="">

代码将是这样的

 $("#hiddenID").val(data);

希望它会有所帮助

答案 1 :(得分:0)

您可以使用以下代码

$("[type=hidden").val(data);

$("#hiddenId").attr("value",data);

答案 2 :(得分:0)

ajax success函数中的data变量包含php文件的所有输出,因此如果要添加多个项目,它将是一个字符串,其中所有新添加的ID都连接在一起。

我会做的是:

  • 在html表单字段中使用计数器,以便准确了解要处理的字段,例如:<input type="text" name="itemName[1]">;
  • 将此键和值添加到您的php中的数组而不是回显它:$array[$key] = $db->insert_id;;
  • 在你的php插入循环之后
  • ,在javascript端回显你需要的数据:echo json_encode($array);
  • 在ajax成功函数中循环遍历数据,为正确的元素分配正确的值。

您可能需要稍微更改ajax调用以接受json。