Попробуйте с этим:
$(document).ready(function(){
$('#your_form').on('submit', function(event){
event.preventDefault();
$.ajax({
url:"{{ route('HeatMapCoordinates_store') }}",
method:"POST",
data: new FormData(this),
dataType:'JSON',
contentType: false,
cache: false,
processData: false,
success:function(data)
{
console.log(data);
// ANY CODE HERE
$('#result').html(data.result);
},
error:function(data){
console.log(data);
$('#result').html('No result. We have an ERROR ...');
}
})
});
});
И используйте такую форму:
<form method="POST" id="your_form">
<input type="text" name="finalPointsMap">
<input type="text" name="tourId">
<input type="text" name="picWidth">
<input type="text" name="picName">
<input type="submit" name="go" value="Submit">
</form>
Используйте это <div>
, чтобы показать результаты:
<div id="result"></div>
И после вашего <head>
:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script>
Используйте это Маршрут :
Route::post('/HeatMapCoordinates/store','HeatMapCoordinatesController@store')->name('HeatMapCoordinates_store');
И используйте эту функцию в вашем контроллере :
public function store(Request $request)
{
$validator = $this->validate($request, [
'tourId' => 'required',
'picWidth' => 'required',
'picName' => 'required',
'finalPointArray' => 'required'
]);
# RETURN ERRORS AS JSON
if ($validator->fails()) {
return response()->json([
'result' => 'ERROR: ' // USE $validator->errors() for example ...
]);
}
# USE YOUR INPUTS HERE, LIKE THIS
$id = $request->tourId;
return response()->json([
'result' => 'Good, ID is : '.$id
]);
}
Пожалуйста, скажите мне, если это работает :)