将数据从javascript发送到Laravel Controller

Question

I've got a problem with sending data from javascript to my controller. There is my Ajax :

var point = JSON.stringify(points);

function onBtnClick() {
    $.ajaxSetup({
      header:{
        'X-CSRF-TOKEN':$('meta[name="csrf-token"]').attr('content')
      }
    });

    $.post('http://localhost/updateC', {
        data: point,
        dataType: 'json', 
        contentType:'application/json', 
    })
    .done(function() {
        alert('success');
    })
    .fail(function() {
        alert("error");
    });

}

Routes:

Route::get('/home', 'HomeController@index')->name('home');
Route::resource('/races','RacesController');
Route::post('updateC', 'RacesController@Points');

And there is my RacesController:

public function Points(Request $request) {
    $test = $request->input('data');
    return "$test";
}

And the error is saying that has been blocked by CORS-polices.

Answer 1

go the middleware folder, the verifycsrftoken file,

app/Http/Middleware/VerifyCsrfToken.php

and add this url to the except array

protected $except = [
   ....
   http://localhost/updateC
];

to handle exceptions to your ajax post requests, then you can then use the

Barryvdh Laravel Cors package to get rid of cors issue,

if you are using laravel 5.6, you dont need any CORs package for that,

just create a CORs Middleware

namespace App\Http\Middleware;
use Closure;
class Cors {

    public function handle($request, Closure $next) {
        $allowedOrigins = ['http://oursite.com', '*.myost.net','*','www.aminu.*'];
        $origin = isset($_SERVER['HTTP_ORIGIN']) ? $_SERVER['HTTP_ORIGIN'] : '';
        if (in_array($origin, $allowedOrigins)) {
            return $next($request)
                ->header('Access-Control-Allow-Origin', $origin)
                ->header('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, OPTIONS')
                ->header('Access-Control-Allow-Headers',' Origin, Content-Type, Accept, Authorization, X-Request-With, cache-control,postman-token, token')
                ->header('Access-Control-Allow-Credentials',' true');
        }
        return $next($request);
    }
}

and add middleware to the kernel.php file

protected $middleware = [
    ......
    \App\Http\Middleware\Cors::class, //added here
];

Answer 2

You have to add csrf token in your data property of ajax post like this:

data: {
    "_token": "{{ csrf_token() }}",
    "point": point
}

Answer 3

app/Http/Middleware/VerifyCsrfToken.php

and add this route to the except array

protected $except = [
   'updateC'
];

Answer 4

Ajax code

var abc = 'hello world';

$.ajax({
    type: "GET",
    url: 'http://your url',
    data : { abc : abc }
    success: function (data) {

        // write your code
    },
    error: function (data) {
        // write your code
    }
});