Question

我需要有关从数据库返回用户ID的帮助。我有我的数据库，每个用户都有一个id，名称和地址。我想要有人点击例如约翰，带我去另一个页面，显示约翰的名字和身份。

像这样我显示所有用户和ID。

    function users(){
        const endpoint = 'https://urlToAllUsers/';
        $.ajax({
            url: endpoint,
            method: 'GET',
            contentType: 'application/json',
            success: function (res){
                let output = '';
                for (const user of res.collection) {
                    output += [
                        `
                            <h2>${user.name}</h2>
                            <p>${user._id.$oid}</p>
                        `
                    ]
                }
                document.querySelector('.show').innerHTML = output;
            }
        })
    }
    users();

我知道我应该创建另一个函数，在其中我将使用href ='$ {endpoint +'/'user._id。$ oid}'创建一个链接，但我目前的JavaScript知识已超出此范围。< / p>

Answer 1

只需使用${user.name}标记包裹a，然后将您要转到的网址放在href属性中。

工作演示：

＆＃13;

    function users(){
        const endpoint = 'https://jsonplaceholder.typicode.com/users';
        $.ajax({
            url: endpoint,
            method: 'GET',
            contentType: 'application/json',
            success: function (res){
                let output = '';
                for (const user of res) {
                    output += [
                        `
                            <h2><a href="https://google.com?q=${user.name}">${user.name}</a></h2>
                            <p>${user.email}</p>
                        `
                    ]
                }
                document.querySelector('.show').innerHTML = output;
            }
        })
    }
    users();

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="show"></div>

＆＃13;

当然，您必须根据需要替换for循环中的迭代器和属性的名称。

从数据库返回用户ID - javascript / jquery

1 个答案: