Javascript 如何在vue.js 2上使用get方法向路由发送数据?
我的ajax是这样的:Javascript 如何在vue.js 2上使用get方法向路由发送数据?,javascript,laravel,vue.js,laravel-5.3,vuejs2,Javascript,Laravel,Vue.js,Laravel 5.3,Vuejs2,我的ajax是这样的: <script> new Vue({ ... methods: { fetchItems: function (page) { var data = {page: page}; this.$http.get('api/items', data).then(function (response) {
<script>
new Vue({
...
methods: {
fetchItems: function (page) {
var data = {page: page};
this.$http.get('api/items', data).then(function (response) {
console.log(JSON.stringify(response))
this.$set(this, 'items', response.data.data.data);
this.$set(this, 'pagination', response.data.pagination);
}, function (error) {
// handle error
});
},
...
}
});
</script>
Route::get('/api/items/', function () {
dd(Input::get('page'));
$results = \App\Post::latest()->paginate(7);
$response = [
'pagination' => [
'total' => $results->total(),
'per_page' => $results->perPage(),
'current_page' => $results->currentPage(),
'last_page' => $results->lastPage(),
'from' => $results->firstItem(),
'to' => $results->lastItem()
],
'data' => $results
];
return $response;
});
执行时,我在控制台上检查,结果=null,而我把它放在:dd(Input::get('page')代码>
它应该显示谁发送的页面吗
如何解决此问题?尝试更改行:
dd(Input::get('page'));
致:
dd
方法将转储var
值并停止执行。因此,输出将不是格式正确的json。它可能是一些原始html,显示您转储的值。这是vue js代码的完整示例
var app = new Vue({
el: '#invoice',
data: {
form: new FormData(),
errors: {},
tax: 0
},
methods: {
random: function () {
this.form.serial = Math.floor(Math.random() * 1000000) + 1;
},
sortBy: function() {
if(this.form.tax_id) {
var url = '{{route('invoice.get_tax', null)}}';
this.$http.get(url)
.then(function(response){
if(response.data) {
console.log(response.data)
}
});
}
}
})
这是路线
Route::get('/get_tax/{tax_id}', function($tax_id)
{
$tax = App\Tax::findOrFail($tax_id);
if ($tax) {
return response()
->json([
'rate' => $tax->rate,
'type' => $tax->type
], 200);
} else {
return response()
->json([
'rate' => 0,
'type' => 1
], 200);
}
})->name('invoice.get_tax');
Route::get('/get_tax/{tax_id}', function($tax_id)
{
$tax = App\Tax::findOrFail($tax_id);
if ($tax) {
return response()
->json([
'rate' => $tax->rate,
'type' => $tax->type
], 200);
} else {
return response()
->json([
'rate' => 0,
'type' => 1
], 200);
}
})->name('invoice.get_tax');