Ajax基本语法

1.客户端与服务器的通信过程

 2.$.get()

$.get(url, [data], [callback])

参数名	参数类型	是否必选	说明
url	string	是	要请求的资源地址
data	object	否	请求资源期间要携带的参数
callback	function	否	请求成功时的回调函数

2.1不带参数： 

$(function() {
            $('button').on('click', function() {
                $.get('http://www.liulongbin.top:3006/api/getbooks',  function(res)  {
                    console.log(res)
                        // 这里的 res 是服务器返回的数据
                })
            })
        })

 2.2带参数：

$.get('http://www.liulongbin.top:3006/api/getbooks', { id: 1 }, function(res) {
    console.log(res)
})

3.$.post()

$.post(url, [data], [callback])

参数名	参数类型	是否必选	说明
url	string	是	提交数据的地址
data	object	否	要提交的数据
callback	function	否	数据提交成功时的回调函数

$(function() {
            $('#btn1').on('click', function() {
                $.post(
                    'http://www.liulongbin.top:3006/api/addbook', // 请求的URL地址
                    {
                        bookname: '水浒传',
                        author: '施耐庵',
                        publisher: '上海图书出版社'
                    }, // 提交的数据
                    function(res) { // 回调函数
                        console.log(res)
                    }
                )
            })
        })

4.$.ajax()

$.ajax({    

      type: '',       // 请求的方式，例如 GET 或 POST    

      url: '',        // 请求的 URL 地址    

      data: { },      // 这次请求要携带的数据    

      success: function(res) { }       // 请求成功之后的回调函数

})

---

5.接口