使用vue-axios带参数发送get请求到php获取数据库数据

本文介绍如何使用Vue.js结合axios库发送GET请求到PHP后端,从MySQL数据库中检索数据。首先,Vue组件通过axios发起请求,然后PHP脚本接收请求并连接数据库,提取所需信息,最后将数据返回给Vue前端展示。
摘要由CSDN通过智能技术生成

1、vue发送axios请求
在这里插入图片描述
2、php接收请求并获取数据库

<?php
	header("Access-Control-Allow-Origin: *");
	header("Content-Type: application/json; charset=UTF-8");
	if(isset($_GET["id"])){
		$id=$_GET["id"];
		$sql="SELECT * FROM article where article_id=".$id;
	}else{
		$sql="SELECT * FROM article ORDER BY article_time DESC";
	}	
	$conn = new mysqli("localhost", "root", "960607", "blogs");
	$result = $conn->query($sql);
	$outp = "";
	while($rs = $result->fetch_array(MYSQLI_ASSOC)) {
	    if ($outp != "") {$outp .= ",";}
	    $text = preg_replace("/\s/is", "", $rs["article_text"]);
	    $content = preg_replace("/\s/is", "", $rs["article_c
  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,这是一个比较常见的前后端交互的问题。首先,你需要在 Vue获取到前端传递过来的数组,然后将其发送到后端 PHP 接口。在 PHP 接口中,你需要解析前端传递过来的数组,并将其插入到数据库中。 下面是一个简单的实现过程: 1. Vue 中将数组传递到 PHP 接口 在 Vue 中,你可以使用 axios 库来发送请求。首先,你需要将数组转换为 JSON 字符串,然后将其作为请求体发送PHP 接口。 ```javascript // 将数组转换为 JSON 字符串 const data = JSON.stringify(array) // 发送 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 (column1, column2, column3) VALUES (:value1, :value2, :value3)'); foreach ($data as $item) { $stmt->bindParam(':value1', $item['value1']); $stmt->bindParam(':value2', $item['value2']); $stmt->bindParam(':value3', $item['value3']); $stmt->execute(); } ``` 注意,这只是一个简单的示例,你需要根据自己的实际情况来进行修改。另外,为了安全起见,你需要对前端传递过来的数据进行验证和过滤,以防止 SQL 注入等安全问题。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值