![](/img/trans.png)
[英]Send Data without using form submit from javascript to Laravel 5 controller using Ajax Post
[英]How to post laravel form data to controller using ajax in API
我有一個在 Android 網頁視圖中打開的表單,我想將數據保存到數據庫中,但是當我進行 ajax 調用並嘗試打印數據時顯示一個空白數組,以下是我的代碼:
<div class="card-body card-padding">
<form id="submitdataform">
@csrf
@foreach($formfields as $key=>$value)
<input type="hidden" name="campaign_id" value="{{$key}}"/>
@foreach($value as $attrkey)
<input type="hidden" name="attribute_id[]" value="{{$attrkey->id}}"/>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label class="pure-material-textfield-outlined w-100">
{{--<input placeholder=" " type="text" required>--}}
<?php
if ($attrkey->attribute_type == 'alpha') {
echo "<input placeholder=' ' type='text' name='attribute_value[]' required>";
} elseif ($attrkey->attribute_type == 'date') {
echo "<input placeholder=' ' type='date' name='attribute_value[]' required>";
} elseif ($attrkey->attribute_type == 'numberic') {
echo "<input placeholder=' ' type='number' name='attribute_value[]' required>";
}
?>
<span>{{$attrkey->attribute_name}}</span>
</label>
</div>
</div>
</div>
@endforeach
@endforeach
<button type="button" id="submitbtn">Submit</button>
</form>
</div>
現在ajax調用
$("#submitbtn").click(function (event) {
event.preventDefault();
var data = $("#submitdataform").serialize();
$.ajax({
type: "post",
url: "savecampaigndata",
data: {data: data},
contentType: 'application/x-www-form-urlencoded',
dataType: 'json',
success: function (data) {
// Android.passParams('dashboard');
},
error: function (data) {
// Android.passParams(url);
}
});
});
這是我想要獲取所有數據的控制器方法,
public function SaveCampaignData(Request $request)
{
return response()->json($request->all());
$data = $request->all();
$attribute_id = [];
$attribute_value = [];
$campaign_id = $data['campaign_id'];
$user_id = Auth::user()->id;
foreach ($data as $key => $value) {
if ($key == "attribute_id") {
foreach ($value as $attrkey) {
$attribute_id[] = $attrkey;
}
} else {
if ($key == "attribute_value") {
foreach ($value as $attrvalue) {
$attribute_value[] = $attrvalue;
}
}
}
}
$mainArray = array_combine($attribute_id, $attribute_value);
$currentdate = Carbon::now();
foreach ($mainArray as $key => $value) {
DB::table('campaign_attribute_values')->insert(
[
'campaign_id' => $campaign_id,
'campaign_attribute_id' => $key,
'user_id' => $user_id,
'campaign_attribute_value' => $value,
'created_at' => $currentdate,
'updated_at' => $currentdate,
]
);
}
if ($this->CheckSmsLimit() > 0) {
$this->checkAutoReply($campaign_id, $user_id);
}
return redirect()->back()->with('success', 'Request Registered');
// return response()->json(['status' => true, 'message' => 'Record saved succesfully', 'code' => 200]);
}
這是郵遞員路線網址:
https://subdomain.xyz.com/savecampaigndata
但它在我的控制器中給出了一個空白數組作為輸出。
$("#submitbtn").click(function (event) {
event.preventDefault();
var data = $("#submitdataform").serialize();
$.ajax({
type: "post",
url: "{{ url('savecampaigndata) }}",
data: {data: data},
success: function (data) {
// Android.passParams('dashboard');
},
error: function (data) {
// Android.passParams(url);
}
});
});
然后
app/Http/Middleware/VerifyCsrfToken.php
並將此路由的 url 添加到 except 數組
protected $except = [
'savecampaigndata'
];
然后加入頭部
<meta name="csrf-token" content="{{ csrf_token() }}">
並在腳本中
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
嘗試在 ajax 調用的 url 屬性中添加“/”,並在 ajax 調用中添加 header 屬性。
看起來您收到空白響應的原因是csrf
。 我看到您已將它包含在您的表單中,但是,因為您使用的是serialize
它不會以您期望的方式工作。
您可以通過幾種不同的方式添加 csrf:
如果您的腳本在您的刀片文件中,您可以簡單地將其添加到數據對象中:
data: { data: data, _token: "{{ csrf_token() }}", },
或者
根據文檔,您可以在頁面的<head>
中添加以下內容:
<meta name="csrf-token" content="{{ csrf_token() }}">
然后在你拉入 jQuery 后包含以下內容:
$.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } });
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.