0


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

** 一、jQuery中发起Ajax请求的三种方法:**

** 简介:**

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

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

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

** 二、使用方法(语法)**

** 1、$.get(url,[data],[callback]) => url(String):要请求的资源地址(url是必选的) data(object):请资源期间要携带的参数 callback(function):请求成功时的回调函数。**

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

** 3、$.ajax({**

** type: '', // 这是请求的方式,例如 GET POST**

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

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

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

** })**

 <title>使用ajax发起post请求</title>
    <script type="text/javascript" src="code.jquery.com_jquery-3.7.0.min.js"></script>
</head>
<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>

服务器返回请求的结果:


本文转载自: https://blog.csdn.net/Forever_Hopeful/article/details/131386827
版权归原作者 Forever_Hopeful 所有, 如有侵权,请联系我们删除。

“使用ajax向服务器发起post请求(提交数据给服务器)”的评论:

还没有评论