下面有一些代码,对于一个输入字段来说,这些代码运行良好。然而,我有一些代码,如果您单击一个名为#addForm的div,并且输入的名称为name="itemName[]",则会在表单中添加额外的字段。
<script>
$(document).ready(function() {
$('body').on('click', '.save', function(e) {
var string = $(this).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(){
$('<label for="itemName[]">Item</label><input class="itemName" type="text" name="itemName[]"><label for="itemCondition">Condition</label><input class="itemCondition" type="text" name="itemCondition"><div class="save">Save Item</div>').fadeIn(500).appendTo('#mainForm');
});
});
</script>
正如你所看到的,我已经有了大部分代码,但我对序列化感到困惑,我不确定我应该如何在php端处理它。
这是我迄今为止为php:编写的脚本
<?PHP
include('dbConfig.php');
$item = $db->real_escape_string($_POST['itemName']);
if ($stmt = $db->prepare("INSERT test (test_title) VALUES (?)"))
{
// Use an s per variable passed to the string, example - "ss", $firstname, $lastname
$stmt->bind_param("s", $item);
$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.";
}
?>
您在<form>
或一组表单字段上调用serialize
,而不是按钮(我想)
如果按钮在表单中,则尝试,
var string = $(this).closest('form').serialize();
如果你没有表格,只需选择所有需要的输入
var string = $('#input1,#nextone,#somefield').serialize();
$_POST['itemName']
将是一个数组。您需要这样对待它(即不要尝试对它执行real_escape_string()
)。
您还需要在数组中循环执行单独的插入查询,或者构建一个插入所有值的查询。
从javascript的角度来看,我猜您需要序列化表单,而不是单击按钮。我刚刚注意到@Musa发布了一个关于这个问题的答案,所以请按照说明操作。
从我的角度来看
var string = $(this).serialize();
上述上下文中的this
很可能是具有类名save
的DOM元素的引用,它可能是用于提交表单的按钮。
但是,调用serialize()的正确元素应该是form元素。
我想这就是为什么你不能从服务器端得到任何东西,
$_POST['itemName']
我建议,你可以先看看$_POST
对象,然后想办法从中提取你需要的数据
希望它能帮助
表单
<form method="POST" class="save" action="add_room.php">
<input type="text" name="itemName[]"/>
<input type="text" name="itemName[]"/>
<button type="submit">Save</button>
</form>
jQuery
$(document).on("submit",".save",function(e){
e.preventDefault();
$.post($(this).attr("action"),$(this).serialize(),function(r){
//result
alert(r);
});
});
jsFiddle
PHP
$item = $_POST['itemName']
foreach( $item as $key => $val ) {
//iterate itemName values
}
PhpFiddle