>

이것은 노드 js로 서버 측에서 작성된 API입니다.

app.get('/tasks/tasks', (req, res) => {
    connection.query('SELECT * FROM tasks', function (err, result) {
        if (err) throw err;
        res.status(200).send({ success: true, results: result });
    });
});

이것은이 부분에있는 모든 데이터를 보여주고 싶은 html 섹션입니다

<div class="list" id="dragabble_card">
            <h3 class="list-title">Tasks</h3>
            <ul class="list-items" id="parent_1">
                <form action="/tasks" method="POST">
                    <li id="editableLi">
                        <input name="card_name" type="text" id="textboxId" class="input_style" />
                    </li>
                </form>
                <form action="/tasks" method="POST">
                    <li id="editableLi">
                        <input name="card_name" type="text" id="textboxId" class="input_style" />
                    </li>
                </form>
                <form action="/tasks" method="POST">
                    <li id="editableLi">
                        <input name="card_name" type="text" id="textboxId" class="input_style" /> </li>
                </form>
            </ul>
            <button class="add-card-btn btn" onclick="createEditableLi('parent_1')">Add a card</button>
        </div>

데이터를 입력 태그에 넣거나 새

를 만들어 데이터를 표시하고 싶습니다

  • 답변 # 1

    동적 데이터를 HTML로 표시하려면 쉬운 방법이 있습니다

    var dynamicElement = '<div>Or Other tag then '+results.Something or result[0].something +'\
    <h1>'+result.something or result[1].something+'\
    ';
    
    

    다음 정적 html 태그로 dynamicElement를 추가

    $('#youId').append(dynamicElement)
    
    

관련 자료

  • 이전 자바 스크립트에서 자식 클래스를 변수로 저장
  • 다음 c - scanf ()를 사용하여 여러 줄의 입력 읽기