VUE调用接口返回数据库数据

sdsdalsdl

于 2020-10-30 14:39:05 发布

阅读量2.8k

点赞数

CC 4.0 BY-SA版权

文章标签： html vue.js

本文链接：https://blog.youkuaiyun.com/sdaqmj/article/details/109383477

本文探讨了Vue.js中使用JSONP原理来实现跨域获取数据库接口数据的方法。首先简述了JSONP的基本原理，包括动态创建script标签和在Node.js环境下模拟JSONP服务器。接着展示了Vue.js的HTML模板，包括输入框、按钮和表格，并利用Vue实例的data、methods及生命周期钩子函数，实现获取、添加和删除数据的功能。尽管没有实际接口进行测试，但提供了大致的实现思路。

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

一.jsonp原理：

略：动态创建script标签，实现跨域。。。

略：结合node手写jsonp服务器。。。

①nser快速创建一个node服务器，判断请求路径后返回脚本字符串

②调用。通过<script src=“http://127.0.0.1/getscript”></script>

二.数据库请求的接口和返回值的格式这种感jio：

接口地址：	http://xxx/xx/getAllList
作用：	获取数据库列表
请求方式：	get
传入参数：	木有
返回数据格式：	{ status：0 //成功返回0 -message：[ { xx1:xxxx xx2:xxxx }, ... ] }

实现：（没接口没测，大体就是这样的suo~~~JSONP的没做）

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

最低0.47元/天解锁文章

200万优质内容无限畅学