Ajax中post请求

post()函数的语法

post()函数的功能单一,专用来发起post请求,从而向服务器提交数据。

post()函数的语法如下:

$.post(url,[data],[callback])  //中括号包起来的说明是可选参数

其中,三个参数各自代表的含义如下:

参数名参数类型是否必选说明
urlstring提交数据的地址
dataobject要提交的数据
callbackfunction数据提交成功时的回调函数

实例: 

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 
        AJAX发送post 
        1.实例化一个请求对象
        2.调用open方法,传递请求方式以及请求地址
        3.设置请求头
        4.设置请求成功后的回调函数
        5.发送请求
    -->

    <script>
        // 1.实例化一个请求对象
        let xhr = new XMLHttpRequest;
        // 2.调用open方法,传递请求方式以及请求地址
        xhr.open('post',"https://autumnfish.cn/api/user/register")
        // 3.设置请求头
        xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded")
        // 4.设置请求成功后的回调函数
        xhr.onload = function(){
            let obj = JSON.parse(xhr.response);
            console.log(obj);
            
        }
        // 5.发送请求
        // 请求的格式:'key =value'
        xhr.send('username=彭聪')
        

    </script>
</body>

</html>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值