동적으로 기입 양식

Question

내 페이지에 두 개의 표가 있으며 나란히 표시됩니다. 첫 번째 항목에는 입력 양식이 있고 두 번째 항목에는 레코드 행을 표시하는 표가 있습니다.

사용자가 행을 클릭하면 해당 행과 관련된 데이터가 첫 번째 표의 양식 상자에 나타나야합니다.

저는 AJAX를 통해 .php 파일을 호출하는 방법을 알고 있습니다. 그러나 데이터베이스를 쿼리하고 결과 집합을 얻었을 때 첫 번째 테이블의 입력 양식을 채우기 위해 모든 값을 가져 오는 방법은 무엇입니까?

Answer 1

데이터를 json 형식으로 가져올 수 있으며이를 사용하여 콜백 함수에서 입력 필드 값을 설정할 수 있습니다.

$.getJSON(
    "your_url_to_request_data", { 
    your_params: and_it_values 
    }, 
    function(data) { 
    // data <-- this is your data 
    $("#field1").val(data.something); 
    } 
); 

Answer 2

콜백 함수를 통해 데이터베이스의 결과를 JavaScript 파일로 보내야합니다. 자바 스크립트로 보내기 전에 데이터를 JSON으로 인코딩해야한다.

JavaScript 파일의 콜백 함수에서 수행해야 할 작업은 네이티브 JSON 파서를 사용하여 결과를 JSON으로 구문 분석하는 것입니다. 작성하여 액세스하십시오.

JSON.parse(here_you_write_the_data_to_be_parsed);