vue中post请求

最新推荐文章于 2025-05-26 19:49:56 发布

原创最新推荐文章于 2025-05-26 19:49:56 发布 · 6k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue中post请求

本文介绍了在Vue.js应用中使用axios库进行POST请求的方法，包括安装axios、vue-axios和qs库，以及如何使用ajax发送POST请求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

安装qs：cnpm install --save axios vue-axios qs

import qs from ‘qs’;
import axios from 'axios';
axios.post(url,qs.stringify({ // 通过qs.stringify()将对象解析成URL的形式
	name:'0', age:'2'

}),{emulateJSON: true},{

headers:{"Content-Type": "application/x-www-form-urlencoded;charset=utf-8",}

}).then(reponse=>{

 console.log(reponse)

 this.tableData=reponse.data.data

})

ajax请求

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>jQuery</title>
</head>

<body>
	<div>
		<button class="post">post请求</button>
	</div>
	<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
	<script>
		$(".post").click(function(){
            $.ajax({
                type:"POST",
                url:"http://api.tianapi.com/txapi/ncov/index",
                params:{key:"d7c335f2e7856ec48c1962a99fcc6f98"},
                success:function(text){
                    console.log(text);
                }
            })
        })
	</script>
</div>
</body>
</html>