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 的用法,您可以參照此官方連結

results matching ""

    No results matching ""