HTML 양식 데이터를 업데이트하려면 어떻게해야합니까?

Question

나는 ID, 이름, 연락처 및 전자 메일과 같은 여러 필드가있는 간단한 HTML 양식을 가지고 있습니다. 사용자가 양식을 채우고 제출하면 데이터는 데이터베이스에 저장되며 동시에 (동일한 페이지에서도) 저장된 테이블이 테이블에 표시됩니다.

이제 테이블 맨 아래에 업데이트 버튼을 추가하고 싶습니다. 사용자가이를 클릭하면 이전에 입력 한 데이터로 미리 채워질 양식을 볼 수 있으므로 데이터를 두 번 입력 할 필요가 없습니다.

어떻게하면됩니까? id 필드를 기반으로 다른 필드를 잡으려면 어떻게해야합니까?

Answer 1

일단 테이블 데이터를 클릭하면 ID가 함께 전달됩니다. 그런 다음 ID &을 확인하고 데이터베이스에서 데이터를 가져 와서 html 형식으로 값을 설정하십시오. ID가 전달되면 ID가없는 업데이트가 있어야하며 새 삽입이되어야합니다.

Answer 2

이것은 간단한 데이터베이스 작업입니다. 그물에 많은 자습서가 있습니다, 구글. this을 참조하십시오. 경우에

Answer 3

당신은 페이지 사용 AJAX ..
그렇지 않으면 페이지를 새로 고침하고 새 항목을 표시 Select query을 사용하여 새로 고침없이와 페이지에 새 항목을 표시합니다. 두 번째 질문에 대한
.. 업데이트 버튼을 누릅니다에 Select query을 사용하고 echo의 value의 각 필드에 사용자의 HTML input fields
이 그것을 할 수있는 간단한 방법입니다 ..

// php code 
$result = mysql_query('Select * from table_name WHERE id = 1'); 
$row = mysql_fetch_assoc($result); 
// use loop if query return multiple rows 
// HTML code 
<input type = "textbox" name="age" value="<?php echo $row['age'] ?>"> 

Answer 4

업데이트 버튼 형태가 필요로하는 id는 hidden 필드입니다. 그런 다음 PHP는 id에 해당하는 레코드를 데이터베이스에서 선택하여 양식에 표시해야합니다.

각 페이지에 하나의 레코드 만있는 경우 표와 동일한 페이지의 div에 미리 채워진 양식을 넣을 수 있습니다. 그런 다음 JavaScript를 사용하여 페이지가로드 될 때 div을 숨길 수 있으며 사용자가 업데이트 버튼을 클릭 할 때 div을 표시 할 수 있습니다.

Answer 5

아래와 같이 자바 스크립트와 아약스 코드를 사용해야합니다. 이해해보십시오.

<script type="text/javascript"> 
$(document).ready(function(e) { 
    $.ajax({ 
     //Your ajax here... 
     success: function(response) { 
      //Your code of showing inserted data in table.... 
      //get the inserted userid from response and set update button's ONCLICK attribute as mentioned below 
      var userid = getuseridfromresponse; 
      $("#updatebuttonid").attr("onclick","updaterecord("+userid+")"); 
     } 
    }); 
}); 
function updaterecord(userid){ 
    $.ajax({ 
     //your ajax here you 
     //send all the details from php code using JSON or whatever you are using. 
     success: function(response) { 
      //store all the data into js variables. 
      var userid = response.userid; 
      var fullname = response.fullname; 
      // and so on.. 
      $("#fullname").val(fullname); //this will set the textbox value to fullname 
      //and so on.. 
      $("#userid").val(userid); //this is a hidden input in inser form. by default it will be zero. you will need it while updating. 
      $("#actionname").val("update"); //this is also hidden input in insert form. default value would be "insert" 
      // you just need to check in php that which actionname you are getting. 

      //if you will get actionname = insert Do insert code 
      //if you will get actionname = update Do update code. 
     } 
    }); 
} 
</script>