Ajax PHP HTML表格

Question

我想從我的數據庫中檢索多行數據。將返回的行數是未知的。它適用於返回的一行。但我也有多行返回到HTML頁面的場景，其中ajax函數將相應的值添加到窗體。

處理html表單中未知行數的最佳方法是什麼？這個形式也是一個好主意？

我試圖找出一種方法讓PHP scipt生成html代碼並使用ajax將其傳回。但一直無法在網上找到任何例子。

在該函數中，您可以看到我獲取數據並將其等同於表單。該表格預定義了一個條目。但我需要知道如何修改表單以知道將返回多少條記錄。我希望這是有道理的。先進的謝謝你。

CODE：

function getFunction(){ 
    //browser support code 
    var ajaxRequest; // The variable to create the ajax request 
    try { 
      // Opera 8.0+, Firefox, Safari Support 
      ajaxRequest = new XMLHttpRequest(); 
    } catch (e){ 
      try{ 
       ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP"); 
       } catch (e) { 
         try{ 
           ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP"); 
         } catch (e){ 
           // Something went wrong with the browser support 
           alert("Your browser broke!"); 
           return false; 
         } 
       } 
     } 
     // Create a function that will receive data sent from the server 
     ajaxRequest.onreadystatechange = function(){ 
      if(ajaxRequest.readyState == 4){ 
      // document.write(ajaxRequest.responseText); 
      var response = JSON.parse(ajaxRequest.responseText); 
      var pfullname=response.pfirstname + " "; 
      var dfullname=response.dfirstname + " "; 
      if (response.pmiddlename!=null) {pfullname = pfullname + response.pmiddlename + " ";} 
      pfullname = pfullname + " " + response.plastname; 
      document.info.name.innerHTML = pfullname; 
      //document.info.address.value = ajaxRequest.responseText; 
      document.info.dob.innerHTML = response.dob; 
      document.info.address.innerHTML = response.paddress; 
      document.info.phonenumber.innerHTML = response.phonenumber; 
      document.info.sex.innerHTML = response.sex; 
      document.info.occupation.innerHTML = response.occupation; 
      if (response.dmiddlename!=null) {dfullname = dfullname + response.dmiddlename + " ";} 
      dfullname = dfullname + response.dlastname; 
      document.info.doctorp.innerHTML = dfullname; 
      document.appointment.locationa.innerHTML = response.alocation; 
      document.appointment.datea.innerHTML = response.adate; 
      document.appointment.doctora.innerHTML = dfullname; 
      } 
     } 
     //var testname = document.getElementById('testname').value; 
     var healthid = document.getElementById('healthid').value; 
     //var queryString = "?testname=" + testname + "&testpassword=" + testpassword; 
     var queryString = "healthid=" + healthid; 
     //document.write(queryString); 
     ajaxRequest.open("POST", "getnum.php", true); 
     ajaxRequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); 
     ajaxRequest.send(queryString); 

} 

PHP CODE：

查詢（SQL $））{ 而（$行= $ result-> fetch_object（））{ 回波json_encode（$行）; } } else { //發生錯誤 echo'error：'。$ con> error; } mysqli_close（$ con）; ？ >

HTML CODE：

<h2> 
     <span style="font-weight:bold;">Patient Information:</span> 
     <form name='info'> 
     Name:   <output type='text' name="name" id="name"> </output><br> 
     DOB:   <output value='' type='text' name="dob" id="dob"> </output><br> 
     Address:  <output type='text' name="address" id="address"> </output><br> 
     Phone Number: <output type='text' name="phonenumber" id="phonenumber"> </output><br> 
     Sex:   <output type='text' name="sex" id="sex"> </output><br> 
     Occupation:  <output type='text' name="occupation" id="occupation"> </output><br> 
     Doctor:   <output type='text' name="doctorp" id="doctorp"> </output><br> 
     Doctor Address: <output type='text' name="doctoradd" id="doctoradd"> </ouput><br> 
     </form> 
    </h2> 

Answer 1

如果返回了多行數據，因爲JSON效應初探內的陣列，例如。在你的PHP：

json_encode(array(array("firstname" => "Bob", "lastname" => "Smith"), 
        array("firstname" => "Harry", "lastname" => "Jones"))); 

然後，在JavaScript你就可以在這個數組迭代爲Raunak的東西，如以上建議：

var rows = response.multiplerows 

for (i = 0; i < rows.length; i++) { 
    //add lines to form here by accessing array data with rows[i].firstname etc. 
} 

如果你打算做了很多這樣的事情的你可能想看看類似knockout.js的可觀察數組，它可以基於html模板和數組中的行數生成行 - http://knockoutjs.com/documentation/observableArrays.html

如果實際上你不需要數據在一個表單中進行編輯和進一步馬在瀏覽器中調用你可能會發現返回一個html塊到瀏覽器而不是json比較容易，只需將它插入到文檔中，例如。在你的PHP：

$patients = '<h1>List of patients</h1>'; 

while ($row = $result->fetch_assoc()) { 
    $patients .= '<div class="patient-info">First name: '.$row["first_name"].'<br />Last name: '.$row["last_name"].'</div>'; //etc. 
} 

return $patients; 

在你的HTML然後你可以只

<div id="patient-list"></div> 

然後你的JavaScript將是簡單的類似：

document.getElementById("patient-list").innerHTML = responseText; 

Answer 2

我不認爲你需要要知道有多少行將被返回，你可以使用一個PHP foreach循環如下：

foreach($arrayName as $row){ 
    //create the form here 
} 

或檢查有多少行使用：

arrayLength = count($arrayName);