使用ajax向服务器发起post请求（提交数据给服务器）

1、$get()：功能单一，专门用来发起get 请求，从而将服务器上的资源“请求”到客户端来进行使用。

2、$post():功能单一，专门用来发起post 请求，从而向服务器“提交”数据。

3、$ajax()：是一个功能比较综合的函数，它允许我们队Aja x 请求进行更详细的配置。

：

1、$.get(url,[data],[callback]) =&g t; url(Str in g):要请求的资源地址（url是必选的） data(object):请资源期间要携带的参数 call b ack(function):请求成功时的回调函数。

2、$.post(url,[data],[call b ack]) => url(Str ing):要请求的资源地址（url是必选的） data(object):请资源期间要携带的参数 callback(function):请求成功时的回调函数。

3、$.ajax({

type: ”, // 这是请求的方式，例如 GET POST

url: ”, //请求的url 地址

d ata: {} //这次请求要携带的数据

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

})

 <title&gt;使用ajax发起post请求</title&gt;
    <script type="text/javascript" src="code.jquery.com_jquery-3.7.0.min.js"&gt;</script&gt;
</head&gt;
<body>
    <button id="btnPOST">点击使用ajax发送POST请求</button>

    <script type="text/javascript">
        // 入口函数
        $(function() {
            // 获取事件，绑定事件代码
            $('#btnPOST').on('click',function() {
                // 事件代码就是触发后执行的请求添数据代码了
                $.ajax({
                    type: 'POST',
                    url: 'http://ajax-api.itheima.net/api/books',
                    data: {
                        // 提交给服务器的数据
                        bookname: '水浒传',
                        author: 'shinaia',
                        publisher: '上海图书出版社'
                    },
                    // 输出，打印回调函数（请求服务器后：操作后的结果都返回给“回调函数”，然后控制台打印回调函数）
                    success: function(result) {
                        console.log(result)
                    }
                    
                })
            })
        })
    </script>