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

最新推荐文章于 2023-07-31 10:27:10 发布

fuguoda

最新推荐文章于 2023-07-31 10:27:10 发布

阅读量2.9k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： web前端 php vue 文章标签： axios php mysql

本文链接：https://blog.youkuaiyun.com/qq_40976560/article/details/91170922

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

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

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_content"]);
		$outp .= '{"id":"'  . $rs["article_id"] . '",';
		$outp .= '"top":"'   . $rs["article_top"]. '",';
	    $outp .= '"category":"'   .$rs["article_category"]. '",';
	    $outp .= '"read":"'   .$rs