AJAX
這是 jQuery AJAX 用法
$.ajax({
url: '/guestBook/add',
type: 'POST',
dataType: 'json',
data: {
title: $('input#title').val(),
commit: $('input#commit').val(),
author: $('input#author').val(),
ip: $('input#ip').val()
},
success: function(response) {
alert('留言成功');
},
error: function(xhr) {
alert('留言失敗');
}
});
Vue.js 2 本身沒有 AJAX 的函式,所以作者建議可以用 AXIOS 套件來做,這是 AXIOS 的 AJAX 用法
axios.post('/guestBook/add', {
title: this.title,
commit: this.commit,
author: this.author,
ip: this.ip
})
.then(function(response) {
alert('留言成功');
})
.catch(function(error) {
alert('留言失敗');
})
AXIOS 是一套很強大的 AJAX Library,除了常用的GET/POST之外,其它好比PUT/DELETE它都有做進去,然後可以一次同步處理N個AJAX Request
關於 AXIOS 的用法,您可以參照此官方連結