填充基於

Question

我有一個下拉在JSP頁面中具有以下代碼

<s:select name="newQuestion.CertificationId" 
    list="certificationList" 
    listKey="certificationId" 
    listValue="certificationName" 
    headerKey="" 
    headerValue="Select Certification" 
    label="Certification Name" 
    onchange="getQuestionsList(this.value)" /> 

現在在下降的變化情況下被調用JS在Struts2應用程序從下拉選擇向下值的表函數getQuestionsList（）打算獲取認證標識的問題列表選擇。

在JS的功能，我將它提交給一個動作類，我正在做一個數據庫調用基於認證標識的值獲取的問題列表

function getQuestionDetails(value){ 
    var submiturl = "Action1.action?certId="+value; 

$.ajax({ 
    url:submiturl, 
    type: 'get', 
    beforeSend: function(){ 
     $("#loading").show(); 
     alert("parsed"); 
    }, 
    success: function(result){ 
     if(result!=''){ 

     } else { 
      alert(result); 
     } 
    }, 
    }); 
} 

現在，在動作類我設置的值questionList與我從數據庫中獲取價值的.questionList是struts.xml中與getter和setter methods.Now動作類中的實例變量我傳遞給同一個JSP在那裏我有下拉

<action name="questionAction" class="questionInfo.QuestionManager" 
      method="displaySelectedQuestions"> 
    <result name="loaded">/questionAdmin.jsp</result> 
</action> 

問題我遇到的是當我回到jsp的時候我不能夠檢索的問題列表，我在一個迭代器顯示

<table class="registrationDetailsTable"> 
    <tr class="tabledataheader"> 
     <td>Question Id</td> 
     <td>Question Description</td> 
    </tr> 
    <s:iterator value="questionList"> 
     <tr class="tabledatarow"> 
      <td><s:property value="questionId" /></td> 
      <td><s:property value="questionDesc" /></td>   
     </tr> 
    </s:iterator> 
</table> 

請讓我知道我收到錯了，所以我有填充在我的JSP的問題列表

Answer 1

當你打電話給你的行動與$.ajax(...)，動作通過轉發到視圖（questionAdmin.jsp）創建響應，對吧？這個響應應該在你的Ajax調用的返回值處理程序中可用。

所以，當你有這樣的：

success: function(result){ 
     if(result!=''){ 
      // nothing here currently! 
     } else { 
      alert(result); 
     } 
    } 

你應該做的與得到的HTML的東西。你可以從alert(result)開始，看看你得到了什麼，然後用Javascript顯示新的列表內容。

<div id="myTableWrapper"> <!-- I added this div --> 
    <!-- This part should come from the action when called by Ajax --> 
    <table class="registrationDetailsTable"> 
     <tr class="tabledataheader"> 
      <td>Question Id</td> 
      <td>Question Description</td> 
     </tr> 
     <tr class="tabledatarow"> 
      <td>1</td> 
      <td>My question #1</td>   
     </tr> 
     <tr class="tabledatarow"> 
      <td>2</td> 
      <td>My question #2</td>   
     </tr> 
    </table> 
    <!-- //This part should come from the action when called by Ajax --> 
</div> 

所以現在你可以這樣做：：

success: function(result){ 
     if(result!=''){ 
      $('.myTableWrapper').html(result); 
     } else { 
      alert(result); 
     } 
    }