我在发送jquery数组到php时遇到问题?首先,我在 html 中有 1 个表单,我单击添加,我现在有 2 个表单。接下来,Im 以形式将数据输入到 jquery 数组中,然后从 jquery 数组中输入我无法发布到 php 数组变量。如何解决这个问题?请帮我师傅,谢谢
<?php
$pertama = json_decode($_POST['pertama']); //can not work
$kedua = json_decode($_POST['kedua']);
foreach($pertama as $k=>$val)
{
$date = $val;
$work =$kedua[$k];
}
echo $pertama;
?>
<!doctype html>
<html>
<head>
<title> test </title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
</head>
<body>
<div>
<div>
<form>
<div class="inputs">
<div>
<a href="#" id="add">Add</a> | <a href="#" id="remove">Remove</a>
<input type="text" name="nama[]" class="pertama"/></div>
<input type="text" name="lahir[]" class="kedua"/></div>
</div>
<input name="submit" type="button" class="submit" value="Submit" />
</form>
</div>
</div>
<div class="field_wrapper">
</div>
<script type="text/javascript">
$(document).ready(function(){
var i = $('input').size();
$('#add').click(function() {
$('<div><input type="text" class="pertama" name="nama[]" required/><input type="text" class="kedua" name="lahir[]" /></div>').fadeIn('slow').appendTo('.inputs');
i++;
});
$('#remove').click(function() {
if(i > 0) {
$('.pertama:last,.kedua:last').remove();
i--;
}
});
$('#reset').click(function() {
while(i > 2) {
$('.pertama:last,.kedua:last').remove();
i--;
}
});
// here's our click function for when the forms submitted
$('.submit').click(function(){
var arraysatu = [];
var arraydua = [];
$.each($('.pertama'), function() {
arraysatu.push($(this).val());
});
$.each($('.kedua'), function() {
arraydua.push($(this).val());
});
$.post('test2.php', { arraysatu: JSON.stringify(arraysatu), arraydua: JSON.stringify(arraydua), function(data) {
alert(data);
});
});
});
</script>
</body>
</html>
您忘记在 post
方法中关闭括号,我假设最后一个函数是您的回调,在此之前的所有内容都是您的数据。
<?php
$pertama = json_decode($_POST['pertama']); //can not work
$kedua = json_decode($_POST['kedua']);
foreach($pertama as $k=>$val)
{
$date = $val;
$work =$kedua[$k];
}
echo $pertama;
?>
<!doctype html>
<html>
<head>
<title> test </title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
</head>
<body>
<div>
<div>
<form>
<div class="inputs">
<div>
<a href="#" id="add">Add</a> | <a href="#" id="remove">Remove</a>
<input type="text" name="nama[]" class="pertama"/></div>
<input type="text" name="lahir[]" class="kedua"/></div>
</div>
<input name="submit" type="button" class="submit" value="Submit" />
</form>
</div>
</div>
<div class="field_wrapper">
</div>
<script type="text/javascript">
$(document).ready(function(){
var i = $('input').size();
$('#add').click(function() {
$('<div><input type="text" class="pertama" name="nama[]" required/><input type="text" class="kedua" name="lahir[]" /></div>').fadeIn('slow').appendTo('.inputs');
i++;
});
$('#remove').click(function() {
if(i > 0) {
$('.pertama:last,.kedua:last').remove();
i--;
}
});
$('#reset').click(function() {
while(i > 2) {
$('.pertama:last,.kedua:last').remove();
i--;
}
});
// here's our click function for when the forms submitted
$('.submit').click(function(){
var arraysatu = [];
var arraydua = [];
$.each($('.pertama'), function() {
arraysatu.push($(this).val());
});
$.each($('.kedua'), function() {
arraydua.push($(this).val());
});
$.post('test2.php', { arraysatu: JSON.stringify(arraysatu), arraydua: JSON.stringify(arraydua)}, function(data) {
alert(data);
});
});
});
</script>
</body>
</html>
右括号:
{ arraysatu: JSON.stringify(arraysatu), arraydua: JSON.stringify(arraydua) } <====
发现差异:
$pertama = json_decode($_POST['pertama']); //can not work
^^^^^^^
$kedua = json_decode($_POST['kedua']);
^^^^^
$.post('test2.php', { arraysatu: JSON.stringify(arraysatu), arraydua: JSON.stringify(arraydua), function(data) {
^^^^^^^^ ^^^^^^^^
请注意名称差异。
在 $.post 的示例部分中,您可以看到如何将数组发送到服务器。您是否尝试过:
$.post('test2.php',
{"arraysatu[]": arraysatu,
"arraydua[]": arraydua},
function(data) {
alert(data);
});