Ajax取得数据库的json值，想通过id获取对应信息，但是都默认获取第一条了

Question

PHP

<?PHP
    header("Content-Type: text/html; charset=utf-8");

    include('conn.php');//链接数据库

    $sql = 'select id,article_name,check_box,radio_box,content,input_name,input_number,input_title,input_describe from article';
    $res = mysqli_query($conn,$sql);
    $data = array();
    $arr['count']=mysqli_num_rows($res);
    while ($row = mysqli_fetch_array($res,MYSQLI_ASSOC)){
        $arr['data'][] = $row;
    }
    echo json_encode($arr);
?>

ajax

//编辑获取数据库数据
$(document).ready(function(){
    $.ajax({
        url : "./php/edit.php",//后台请求的数据，用的是PHP
        type : "post",//请求方式
        async : false,//是否异步请求
        success : function(data) { //如果请求成功，返回数据。
            var res = JSON.parse(data);
            console.log(res);
            console.log(res.data["id"].article_name);
            $("#art_name").val(res.data["id"].article_name);
        },
    })
})

前端div容器，编辑选项测试：

前端console：
▼Object
count: 2
▼data: Array(2)
▼0:
article_name: "测试1"
check_box: "1,2"
content: "随便测试一下"
id: "6"
input_describe: "简单测试2"
input_name: "你想要吗？"
input_number: "55555"
input_title: "简单测试1"
radio_box: "点开分享后的图文链接领取"
▶__proto__: Object
▼1:
article_name: "测试2"
check_box: "1,2"
content: "不一样的测试"
id: "7"
input_describe: "5215不是你的"
input_name: "不给你！"
input_number: "123321"
input_title: "541是你的"
radio_box: "点开分享后的图文链接领取"
▶__proto__: Object
length: 2
▶__proto__: Array(0)
▶__proto__: Object

测试1

---

进行对两个div获取数据库内容进行测试，ajax中console.log(res)的返回值，获取的就是数据库中的内容，想通过data[id]获取相对应的内容，但是获取到的内容都是默认是data[0]，打开测试1的编辑，#art_name输出的测试1，打开测试2的编辑，#art_name输出的也是测试1，该怎么样通过id获取对应的内容？

Answer 1

console.log(res.data["id"].article_name);

请问,你这个 res.data["id"] 是想干啥?这个res.data是数组,这个 "id" 就被自动转换为 0 了.

先说你想达到的效果, success的逻辑中,循环 res.data 这个数组,返回 其中 id 等于你指定 id 的数据

再说设计问题
根据php 的方法来看,就是一个获取所有文章的接口,一个读取列表的接口,命名为 edit,还用 post,还不分页.
这个接口返回了列表后,你却只想获取指定 id 的数据,那让服务端加个获取指定 id 的文章数据的接口不行吗