Los datos enviados por ajax me da como resultado un array vacio [], cuando quito el codigo del ajax y lo envio por laravel, laravel agarra los valores de los input, quiero pasar los datos para el controlador pero esto me los devuelve vacio, paso los valores por la consola a ver si me lo envia vacios y no, muestro codigo y screenshoot

1var names = document.querySelector('#name');
2var phones = document.querySelector('#phone')
3let save = document.querySelector('#save');
4let getUrl = document.forms.createContact;
5let urls = getUrl.getAttribute('action')
6
7
8const saveDate = ( url, var1, var2) => {
9   let xhttp = new XMLHttpRequest;
10   let token = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
11   let data = {
12       _token: token,
13       name: var1.value,
14       phone: var2.value
15   }
16   
17   xhttp.onreadystatechange = () =>{
18       if(this.readyState == 4 && this.status == 200){
19               console.log(data, var1, var2, this.responseText)
20       }
21   }
22   xhttp.open('post', url, true);
23   xhttp.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
24   xhttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded; charset=UTF-8');
25   //xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
26   xhttp.setRequestHeader('X-CSRF-TOKEN', token);
27   xhttp.send(data);
28   console.log(data)
29}
30
31save.addEventListener('click', (e)=>{
32   e.preventDefault();
33   saveDate(urls, names, phones);
34   
35});

Route

1Route::resource('contactos', 'Contacts');
2
3Route::post('/contactos', 'Contacts@insertDate')->name('contacts.insertDate');
4

Controller

1<?php
2
3namespace App\Http\Controllers;
4
5use Illuminate\Http\Request;
6use App\Contact;
7
8class Contacts extends Controller
9{
10   public function __construct(){
11
12       //$this->middleware('auth');
13
14   }
15   /**
16    * Display a listing of the resource.
17    *
18    * [@return](https://ed.team/return) \Illuminate\Http\Response
19    */
20
21   public function index()
22   {
23       //
24       $ejemplo = 'Prueba';
25       $hola = 'pepito es pepa';
26       return view('save', compact('ejemplo', 'hola'));
27   }
28
29   public function insertDate(Request $request)
30   {
31        // $contactos = new Contact;
32        // $contactos->name = $request->name;
33         //$contactos->phone = $request->phone;
34
35		
36   	return dd($request->all());
37       
38   }
39
40   /**
41    * Show the form for creating a new resource.
42    *
43    * [@return](https://ed.team/return) \Illuminate\Http\Response
44    */
45   public function create()
46   {
47       //
48   }
49
50   /**
51    * Store a newly created resource in storage.
52    *
53    * [@param](https://ed.team/param)  \Illuminate\Http\Request  $request
54    * [@return](https://ed.team/return) \Illuminate\Http\Response
55    */
56   public function store(Request $request)
57   {
58       //
59   }
60
61   /**
62    * Display the specified resource.
63    *
64    * [@param](https://ed.team/param)  int  $id
65    * [@return](https://ed.team/return) \Illuminate\Http\Response
66    */
67   public function show($id)
68   {
69       //
70   }
71
72   /**
73    * Show the form for editing the specified resource.
74    *
75    * [@param](https://ed.team/param)  int  $id
76    * [@return](https://ed.team/return) \Illuminate\Http\Response
77    */
78   public function edit($id)
79   {
80       //
81   }
82
83   /**
84    * Update the specified resource in storage.
85    *
86    * [@param](https://ed.team/param)  \Illuminate\Http\Request  $request
87    * [@param](https://ed.team/param)  int  $id
88    * [@return](https://ed.team/return) \Illuminate\Http\Response
89    */
90   public function update(Request $request, $id)
91   {
92       //
93   }
94
95   /**
96    * Remove the specified resource from storage.
97    *
98    * [@param](https://ed.team/param)  int  $id
99    * [@return](https://ed.team/return) \Illuminate\Http\Response
100    */
101   public function destroy($id)
102   {
103       //
104   }
105}
106

view blade

1<div class="container-form">
2   <form action="{{ route('contacts.insertDate')}}" method="post" name="createContact">
3       [@csrf](https://ed.team/csrf)
4           <input type="text" name="nombre" id="name" class="form-control-sm inputs" placeholder="Persona">
5           <input type="text" name="phone" id="phone" class="form-control-sm inputs" placeholder="Celular">
6           <button id="save" class="btn btn-primary btn-sm">Guardar</button>
7    </form>
8   </div>