vue与php通过axios进行数据交互

现在太忙,贴一下代码,有空再详细写一下。下面是亲测可用的

可以参考:
https://segmentfault.com/q/1010000009057655

方法一:
只需要很小的改动,把它变成字符串提交就好。

var params = 'ajax='+encodeURIComponent(JSON.stringify({
    username: 'admin',
    password: '123456'
}));

axios.post(‘test.php’, params).then(res => console.log(res.data))
在服务器端 var_dump(json_decode(urldecode($_POST[‘ajax’]))); 了。
如果是要模拟jQuery的Ajax请求,就再加个config
var url = …
var params = ‘ajax=’+encodeURIComponent(JSON.stringify(…));
var config = {headers: {‘X-Requested-With’: ‘XMLHttpRequest’}};
axios.post(url, params, config)…
接下来在PHP里,就可以用你熟悉的的IS_AJAX、isXmlHttpRequest之类的了

方法二:
1.传的是一个json对象,可以用file_get_contents(“php://input”)获取到json串,然后转化为object获取属性
2.如果想用$_POST获取&#

  • 6
    点赞
  • 24
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,这是一个比较常见的前后端交互的问题。首先,你需要在 Vue 中获到前端传递过来的数据,然后将其发送到后端 PHP 接口。在 PHP 接口中,你需要解析前端传递过来的数据,并将其插入到数据库中。 下面是一个简单的实现过程: 1. Vue 中将数据传递到 PHP 接口 在 Vue 中,你可以使用 axios 库来发送请求。首先,你需要将要插入到数据库中的数据转换为 JSON 字符串,然后将其作为请求体发送到 PHP 接口。 ```javascript // 将数据转换为 JSON 字符串 const data = JSON.stringify({ field1: 'value1', field2: 'value2', field3: 'value3' }) // 发送 POST 请求到 PHP 接口 axios.post('/api/addData.php', data) .then(response => { console.log(response.data) }) .catch(error => { console.log(error) }) ``` 2. PHP 接口中解析数据并插入到数据库中 在 PHP 接口中,你可以使用 $_POST 变量获到前端传递过来的 JSON 字符串,并将其解析为 PHP 数组。然后,你可以使用 PHP数据库操作库(如 PDO)将数据插入到数据库中。 ```php // 获前端传递过来的 JSON 字符串 $data = json_decode(file_get_contents('php://input'), true); // 插入数据数据库中 $conn = new PDO('mysql:host=localhost;dbname=test', 'username', 'password'); $stmt = $conn->prepare('INSERT INTO table_name (field1, field2, field3) VALUES (:value1, :value2, :value3)'); $stmt->bindParam(':value1', $data['field1']); $stmt->bindParam(':value2', $data['field2']); $stmt->bindParam(':value3', $data['field3']); $stmt->execute(); ``` 注意,这只是一个简单的示例,你需要根据自己的实际情况来进行修改。另外,为了安全起见,你需要对前端传递过来的数据进行验证和过滤,以防止 SQL 注入等安全问题。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值