post()函数的语法
post()函数的功能单一,专用来发起post请求,从而向服务器提交数据。
post()函数的语法如下:
$.post(url,[data],[callback]) //中括号包起来的说明是可选参数
其中,三个参数各自代表的含义如下:
参数名 | 参数类型 | 是否必选 | 说明 |
url | string | 是 | 提交数据的地址 |
data | object | 否 | 要提交的数据 |
callback | function | 否 | 数据提交成功时的回调函数 |
实例:
<!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>