Ajax

1.URL地址的组成部分

URL地址一般由三部分组成

1.客户端与服务器之间的通信协议

2.存有该资源的服务器名称

3.资源在服务器上具体的存放位置

2.get和post请求

get请求通常用于获取服务端资源(向服务器要资源)

post请求通常用于向服务器提交数据

使用get发起不带参数的请求

<button id="btnGET">发起不带参数的get请求</button>
    <script>
        $(function() {
            $('#btnGET').on('click', function() {
                $.get('http://www.liulongbin.top:3006/api/getbooks', function(res) {
                    console.log(res);
                })
            })
        })
    </script>

使用get发起带参数的请求

 <button id="btnGETINFO">发起带参数的GET请求</button>
    <script>
        $(function() {
            $('#btnGETINFO').on('click', function() {
                $.get('http://www.liulongbin.top:3006/api/getbooks', {
                    id: 1
                }, function(res) {
                    console.log(res);
                })
            })
        })
    </script>

使用$.Ajax发起请求

<script>
        $(function() {
            $('#btnGET').on('click', function() {
                $.ajax({
                    type: 'GET',
                    url: 'http://www.liulongbin.top:3006/api/getbooks',
                    data: {
                        id: 1
                    },
                    success: function(res) {
                        console.log(res);
                    }
                })
            })
        })
    </script>
posted @ 2023-03-16 14:06  前端4u  阅读(15)  评论(0)    收藏  举报