MySQL 항목이있는 JavaScript 함수에 대한 단추 연결

Question

JavaScript의 XMLHttpRequest를 사용하여 PHP 페이지에 렌더링하려는 데이터베이스의 테이블이 있습니다. 테이블의 각 항목을 HTML 행/셀로 렌더링하고 각 "항목"에 두 개의 단추가 있어야합니다. 엔트리의 모든 버튼에 논리를 처리 할 특정 JavaScript 함수를 호출하고 싶습니다.

기본적으로 테이블에 10 개의 행이 있으면 20 개의 버튼이 있고 각 버튼은 버튼의 "유형"에 따라 두 개의 함수 중 하나에 매개 변수를 전달합니다.

이 작업을 수행하는 방법에 대한 의견이 있으십니까?

감사합니다. 서버에

Answer 1

, 당신은 같은 일을 PHP 파일/행동이 필요 :

: 사전 제작 된 HTML 페이지에서

$return = array(); 
$q = mysql_query('SELECT * FROM ...'); 
while(($return[] = mysql_fetch_assoc($q)) !== false); 
echo json_encode($return); 

을, 당신은 데이터를 인쇄하려면 용기가 필요합니다

function getDB() { 
    $.getJSON(
    'http://url.to/your/code.php', 
    {}, 
    function(data) { 
     var renderedHTML = ''; 
     /* parse the object representing PHP's $return, mainKey will be numerical keys */ 
     for(var mainKey in data) { 
     /* one main loop iteration == one table row */ 
     renderedHTML += '<tr>' 
     /* data[mainKey] is a row in DB, subKey will contain a name of a DB table column */ 
     /* data[mainKey][subKey] will therefore contain the value of DB table column 'subKey' for the DB table row numbered 'mainKey' */ 
     for(var subKey in data[mainKey]) { 
      renderedHTML += '<td>' + data[mainKey][subKey] + '</td>' 
     } 
     /* statically add another HTML table column for the buttons */ 
     renderedHTML += ' 
      <td> 
      <input type="button" name="b1" onclick="func1(\'arg1\')"> 
      <input type="button" name="b2" onclick="func2(\'arg2\')"> 
      </td> 
     '; 
     renderedHTML += '</tr>' 
     } 
     /* insert the built table into the page */ 
     $('#db-container').html('<table>' + renderedHTML + '</table>'); 
    } 
); 
} 

:

<div id="db-container"></div> 

그런 다음 JS는 (당신이 아마 기본 JS 또는 기타 JS 도구를 사용 할 수 있지만 내가 단순하고 읽기 쉽도록 여기에 jQuery를 사용) 해당 페이지에 포함

희망이 도움이됩니다.