使用Laravel,我开始通过创建一个Laravel控制器将处理所有的Ajax请求(AjaxController.php)做验证,并与数据库交互,正常的东西。它不一定是专用的控制器,你可以使用任何控制器,我只是这样做,以保持组织给我。在客户端,我在我的vue应用程序或组件中声明了一个方法(取决于项目,它可以更有意义地以更全局的方式进行,或者将其保留在某个组件中),我将这些数据传递给我发送到服务器。在那里,你可以使用任何你想要做的Ajax请求,纯JavaScript,jquery甚至vue-resource,如前面的答案中指出的那样。我通常使用jquery,因为我碰巧拥有所有的项目,而且我对语法更熟悉,但这真的取决于你。下面是我如何做到这一点,
Laravel控制器:
namespace App\Http\Controllers;
class AjaxController extends Controller
{
public function createUser()
{
$data = request('data');
$user = User::create($data);
return 'ok';
}
}
Vue的应用:
var app = new Vue({
el: '#app',
data: {
name: '',
age: '',
country: ''
},
methods: {
sendViaAjax: function(){
var data = {
'_token': yourCrsfToken,
'name': this.name,
'age': this.age,
'country': this.country
};
$.ajax({
url: '/your-url',
method: 'POST',
data: data,
success: function(){
console.log('We did succeed!');
},
error: function(){
console.log('We did not succeed!');
}
});
}
}
});
和HTML:
Name
Age
Country
我没有测试这个例子,我只是写了它,所以如果你发现任何错误,不要感到惊讶,但我希望它能通过一般的想法。
干杯