我在將值陣列發送到后端時發現了一個問題，在后端我已將其設定為接受值陣列。但是當我檢查郵遞員時，該功能運行成功。但是當我在使用 vuejs 的前端實作它時，該功能不起作用。后端命中api時服務器發送的訊息如下圖所示。
在這種情況下，我發現很難傳遞引數值陣列。我拋出值時是否有錯誤。感謝你們對我的幫助
代碼后端方法 POST
public function storeInsert(Request $request)
{
$data= $request->get('data');
$response = gradingakhir::insert(json_decode($data, true)); // Eloquent approach
return response()->json([
'code' => 1,
'success' => true,
'message' => 'Data berhasil ditambah!',
'data' => $data
], Response::HTTP_OK);
}
#FONT END CODE
var params = {
data: this.dataStoreGradding,
}
console.log(this.dataStoreGradding)
console.log(params)
const res = await apiService.postGradingAkhir(params).then(res => res)
# CODE SERVICE HIT FRONT END TO BACKEND
postGradingAkhir(param) {
const url = `${API_URL_DEV}post-grading-akhir`
options.headers.Authorization = 'bearer ' localStorage.getItem('token')
const data = axios
.post(url, param, options)
.then(response => response.data)
.catch(err => err)
return data
}
uj5u.com熱心網友回復：
您必須以這種方式通過 FormData 發送陣列：
let params = new FormData;
let arr = ['this', 'is', 'an', 'array'];
for (var i = 0; i < arr.length; i ) {
params.append('arr[]', arr[i]);
}
postGradingAkhir(params) {
const url = `${API_URL_DEV}post-grading-akhir`
options.headers.Authorization = 'bearer ' localStorage.getItem('token')
const data = axios
.post(url, params, options)
.then(response => response.data)
.catch(err => err)
return data
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/457846.html