아약스를 사용하여 동적으로 행을 추가 하시겠습니까?

AJAX를 사용하여 데이터베이스에 저장하는 두 개의 텍스트 상자가 있습니다. 하지만 테이블 구조에 새로 추가 된 행을 되돌리고 싶습니다.아약스를 사용하여 동적으로 행을 추가 하시겠습니까?

나는이 제품을 판매 할 제품에 사용하고 있습니다. 항목을 추가하려면 표 형식의 표 형식으로 표시됩니다.

이것은 내 AJAX 코드입니다.

var xmlHttp 
    function newVendorGridInital() 
    { 
    //alert("HI"); 
    xmlHttp=GetXmlHttpObject() 
    if (xmlHttp==null) 
    {alert ("Browser does not support HTTP Request"); return } 

    var item= document.getElementById('itemcode').value; 
    var url="ajax_NewVendorGrid.php" 
    url=url+"?itm="+item; // For multiple value send. 

    url=url+"&sid="+Math.random() 

    xmlHttp.onreadystatechange=newVendorGrid 
    xmlHttp.open("GET",url,true) 
    xmlHttp.send(null) 
} 

function newVendorGrid() 
{ 
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete") 
{ 
    document.getElementById("GridRuntimeData").innerHTML=xmlHttp.responseText; 
      > > > I didn't understand how to target the id field > > > GridRuntimeData 
} 
}

내 HTML 페이지에서 헤드 구조 즉 헤드 부분을 만들었습니다.

내 PHP 파일에서 echo 문을 사용하여 html 행 형식으로 삽입 된 전체 행을 반환합니다.

<?php 
    echo "<tr><td>".$item."</td></tr>"; 
    ?>

의심의 여지가 그 행을 테이블에 표시하는 것입니다. 전체 테이블 구조를 PHP 코드로 작성하면 잘 작동합니다. 하지만 나는 항상 전체 행을 반환 싶지 않아요.

도와주세요.

출처

2012-11-02 Manoranjan Jena

문제가 무엇입니까? 행을 어디로 가길 원하는지 모르십니까? – George

테이블 안에 ID를 설정하는 방법을 이해하지 못했습니다. 제발 추가하는 방법을 명확히하십시오. –

동적으로 다음과 같이 자바 스크립트로 테이블에 행을 추가 할 수 있습니다

var table = document.getElementById("mytable"); 

    var td = document.createElement('td'); 
    td.innerHTML = 'new row'; 

    var tr = document.createElement('tr'); 
    tr.appendChild(td); 

    table.appendChild(tr);

jsFiddle demo here

출처

2012-11-02 12:27:02 MrCode

아약스를 사용하여 동적으로 행을 추가 하시겠습니까?

답변

관련 문제