###前提・実現したいこと
ドメインの異なるクライアント側とサーバーサイド(laravel)で非同期通信がしたい
###発生している問題・エラーメッセージ
419 (unknown status)
###該当のソースコード
php
1# api.php 2header("Access-Control-Allow-Origin: *"); 3header("Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept"); 4header('Access-Control-Allow-Methods: *'); 5Route::post('/insert_pet', 'InsertController@post'); 6Route::get('/demo', 'DemoController@index');
javascript
1/** 2 * Created by ohs60275 on 2017/11/20. 3 */ 4"use strict"; 5$(function () {//これがないとダメ 6 7 var kind = window.sessionStorage.getItem(['kind']); 8 var name = window.sessionStorage.getItem(['name']); 9 var character = window.sessionStorage.getItem(['character']); 10 var sex = window.sessionStorage.getItem(['sex']); 11 var char_sex = "" 12 var char_character = "" 13 $.ajaxSetup({ 14 headers: { 15 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 16 } 17 }); 18 19 if (sex === 1) { 20 char_sex = '♂' 21 }else{ 22 char_sex = '♀' 23 } 24 25 if (character === 1) { 26 char_character = 'やんちゃ' 27 }else if (character === 2){ 28 char_character = 'おとなしい' 29 }else{ 30 char_character = 'かしこい' 31 } 32 $('.name').append(name) 33 $('.sex').append(char_sex) 34 $('.chara').append(char_character) 35 36 $('.no').on('click', function () { 37 window.location.href = "./top.html"; 38 }) 39 $('.yes').on('click', function () { 40 $.ajax({ 41 url:'http://laravel.app/insert_pet', 42 type:'POST', 43 dataType: 'json', 44 contentType: 'json', 45 headers:{ 46 'Content-Type':'application/json' 47 }, 48 data:{ 49 'name': name, 50 'kind': kind, 51 'sex': sex, 52 'character': character, 53 } 54 }) 55 .done(function(data){ 56 console.log(data); 57 window.location.href = "./finish.html"; 58 }) 59 .fail(function(){ 60 console.log('失敗') 61 }); 62 63 }) 64 65});
###試したこと
ヘッダー情報を加えた
###補足情報(言語/FW/ツール等のバージョンなど)
laravel5.5
html5
jquery3系