[英]Send multidimentional array from JQuery AJAX to PHP
我想從JQuery AJAX向PHP發送一個多維數組,但它正在這樣的PHP中接收
Array
(
[recordid] => 38
[locations] => [object Object],[object Object]
)
我一定是在做一些愚蠢的錯誤。 這是代碼。 它從表中獲取記錄並發送給PHP
$(document).on('click','.savenow',function(){
recordid = $(this).data('id');
locations = [];
$('.selectrec').each(function () {
parent = $(this).parent().parent();
name = parent.find('td').eq(5);
address = parent.find('td').eq(6);
lat = parent.find('td').eq(1);
lng = parent.find('td').eq(2);
row = [name,address,lat,lng];
locations.push(row);
});
locations = locations.toString();
$.ajax({
type: "POST",
url:'/record/saveSearchedLocations',
data: { recordid: recordid,locations:locations },
dataType: 'json',
success: function (data) {
console.log(data);
},
error:function(data){
alert("something went wrong, please try again.");
}
});
});
這是我接收數據的PHP函數:
function saveSearchedLocations(){
print_r($_POST);
}
使用JSON.stringify()
而不是toString()
如下所示:
將您的AJAX調用更改為:
$(document).on('click','.savenow',function(){
recordid = $(this).data('id');
locations = [];
$('.selectrec').each(function () {
parent = $(this).parent().parent();
name = parent.find('td').eq(5);
address = parent.find('td').eq(6);
lat = parent.find('td').eq(1);
lng = parent.find('td').eq(2);
row = [name,address,lat,lng];
locations.push(row);
});
ajaxData = { recordid : recordid,locations : locations }
$.ajax({
type: "POST",
url:'/record/saveSearchedLocations',
data: JSON.stringify(ajaxData),
dataType: 'json',
success: function (data) {
console.log(data);
},
error:function(data){
alert("something went wrong, please try again.");
}
});
});
JSON.stringify()
將您的數組轉換為實際的json字符串,而不是Array.prototype.toString()
,它使用逗號作為分隔符連接您的數組(一個級別)。
以此答案為參考:
我認為您需要使用JSON.stringify(selectedData)
才能在服務器端使用它。
jQuery的:
var obj = { 'risk_cat': risk_cat, 'risk_type': risk_type };
selectedData.push(obj);
$.post('serive.php', { DTO: JSON.stringify(selectedData) },
function(data){ /* handle response, */ });
service.php:
header('Content-type: application/json');
header('Cache-Control: no-cache, must-revalidate');
$foo = json_decode($_POST['DTO']);
$arr = array('a' => 1, 'b' => 2, 'c' => 3, 'd' => 4, 'e' => 5); //example data
echo json_encode($arr);
這應該讓你開始。 在您的ajax響應中, alert(data.a)
將警告“1”
sendAjax = function() {
var data = {
foo: 123,
bar: 456,
rows: [{
column1: 'hello',
column2: 'hola',
column3: 'bonjour',
}, {
column1: 'goodbye',
column2: 'hasta luego',
column3: 'au revoir',
}, ],
test1: {
test2: {
test3: 'baz'
}
}
};
$.ajax({
type: 'post',
cache: false,
url: './ajax/',
data: data
});
}
單擊該按鈕時,以下結構化數據顯示在PHP的$ _POST變量中:
Array
(
[foo] => 123[bar] => 456[rows] => Array(
[0] => Array(
[column1] => hello[column2] => hola[column3] => bonjour
)
[1] => Array(
[column1] => goodbye[column2] => hasta luego[column3] => au revoir
)
)
[test1] => Array(
[test2] => Array(
[test3] => baz
)
)
)
這只適用於jQuery 1.4.0+。 否則jQuery只是在關鍵字“rows”的嵌套數組上調用.toString(),在鍵“test1”調用嵌套對象,然后使用無用的值“[object object]將它們傳遞給PHP
這里是你可以在這里查看的鏈接https://www.zulius.com/how-to/send-multidimensional-arrays-php-with-jquery-ajax/
將數據放入表單並使用serializeArray()
發送表單數據
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.