<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>前端不同請(qǐng)求方法</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>
<body></body>
<script>
/*
ajax請(qǐng)求搀军，需引用jq
*/
// get請(qǐng)求
$.ajax({
url: 'https://www.apiopen.top/novelSearchApi?name=盜墓筆記',
type: 'GET',
success: function(res) {
console.log(res)
},
error: function(err) {
console.log(err)
}
})
// post請(qǐng)求
$.ajax({
url: 'http://172.20.1.105:8080/admin/manager/getManager',
type: 'post',
contentType: 'application/json; charset=utf-8', //如果想以json格式把數(shù)據(jù)提交到后臺(tái)的話叨襟，這個(gè)必須有，否則只會(huì)當(dāng)做表單提交
data: JSON.stringify({
//JSON.stringify()必須有,否則只會(huì)當(dāng)做表單的格式提交
managerAccount: '21191614028',
managerPassword: '123'
}),
dataType: 'json', //期待返回的數(shù)據(jù)類型
success: function(res) {
console.log(res)
},
error: function(err) {
console.log(err)
}
})
/*
fetch請(qǐng)求 什么都不需要引入，ie完全不支持
*/
let data = '盜墓筆記'
fetch(`https://www.apiopen.top/novelSearchApi?name=${data}`)
.then(response => response.json())
.then(data => console.log(data))
.catch(e => console.log('Oops, error', e))
/*
axios請(qǐng)求竞阐，需引用axios
*/
axios
.get(`https://www.apiopen.top/novelSearchApi?name=${data}`)
.then(function(response) {
console.log(response)
})
.catch(function(error) {
console.log(error)
})
</script>
</html>
感謝作者：https://blog.csdn.net/qq_43258252/article/details/86591636
