如何将AJAX放入全局js中？

我喜欢这样的观点：如何将AJAX放入全局js中？

<input type="file" style="display: none" id="test">

当文件调用，它将调用AJAX

我把我的阿贾克斯main.js（myshop \资源\资产\ JS \ main.js）

这是全球性的js。我把所有的js放在那里。我也把我的AJAX有

我把我的AJAX在main.js这样的：

var _token = $('input[name="_token"]').val(); 
console.log(_token); 
$('#test').on("change", function(){ 
    data = new FormData(); 
    $.ajax({ 
     url: window.Laravel.baseUrl+'/product/addImage', 
     type: "POST", 
     data: { data: data, _token: _token }, 
     enctype: 'multipart/form-data', 
     processData: false, // tell jQuery not to process the data 
     contentType: false // tell jQuery not to set contentType 
    }).done(function(data) { 
     console.log(data); 
    }); 
});

我的路线是这样的：

Route::post('product/addImage', '[email protected]');

我的控制器是这样的：

public function addImage(Request $request) 
{ 
    dd('test'); 
    // dd($request->all()); 
}

执行时，控制台选项卡存在如下错误：

POST http://myshop.dev/product/addImage 500（内部服务器错误）

和网络选项卡上存在错误是这样的：

TokenMismatchException在VerifyCsrfToken.php线68：

哪有我解决了这个错误？

ajax是否可以放置在全球js？

来源

2017-06-01 Success Man

参考：https://stackoverflow.com/questions/37663432/tokenmismatchexception-in-verifycsrftoken-php-line-67-on-laravel-using-ajax – eeya

@eeya，看看我的问题。我已经更新了它的参考。但它是一样的。而当我'console.log（_token）;'，令牌存在 –

您可以通过两种方式解决此问题：

你可以使用

<meta name="csrf-token" content="{{ csrf_token() }}" /> // add this under head tag 
And before Ajax call add this:- 
$.ajaxSetup({ 
    headers: 
    { 
     'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 
    } 
});

或者其他的（简单）的方式，你的app\Http\Middleware/VerifyCsrfToken.php里面添加

protected $except = [ 
    'product/addImage', 
];

希望它能帮助！

来源

2017-06-01 10:32:24 kunal

真的很喜欢第一种方法，自从我开始使用laravel以来，我一直在***。blade.php里面的脚本标记中定义_token。这似乎sooo更清洁 –

感谢赞赏@SérgioReis – kunal

@kunal，我尝试你第一种方式。有用。没有错误。但是，当我在addImage方法中添加'dd（$ _ FILES）;'时，响应显示数组为空：'[]'。如果它显示上传的照片数组 –

记住文件添加到数据

data = new FormData(); 
data.append("test", $("#fileInput")[0].files[0])

来源

2017-06-01 11:05:10

太好了。有用。谢谢 –

如何将AJAX放入全局js中？

回答

相关问题