Загрузите страницу jsp с использованием метода загрузки AJAX

Question

Привет всем Мне нужна помощь с использованием метода загрузки ajax. В основном мне нужно использовать Ajax load() для отображения jsp на главной странице после того, как пользователь проверит переключатель. Ive прикрепил образ страницы, где должен отображаться jsp, а также мой код jsp .. Пожалуйста, помогите!

<div id="verification"> 
    <p align=center class="4f1_title" ><u>Verification Decision</u></p> 
    <table border="0" cellpadding="0" cellspacing="0" align=center 
width="100%"> 
<tbody> 

    <tr> 
     <td width="10%"></td> 
     <td width="8%">Passed <input id="passed" type="radio" 
      value="P" onclick="()"></td> 
     <td colspan="2" width="8%">Pending <input id="pending" 
      type="radio" value="H" onclick="()"></td> 
     <td width="9%">True Hit <input id="failed" type="radio" 
      value="F" onclick="()" disabled></td> 
     <td width="13%">Parcel Returned <input id="returned" 
      type="radio" value="S" onclick="()"></td> 
     <td width="23%">Referred to Law Enforcement <input id="law" 
      type="radio" value="L" onclick="()"></td> 
     <td width="8%">Retired <input id="retired" type="radio" 
      value="R" onclick="()" disabled></td> 
       <td width="12%">Return Reason <input id="ac" 
       type="radio" value="C" onclick="()"></td> 
     <td width="10%"></td> 
    </tr> 
     </tbody> 
      </table> 
     </div> 
      <br> 

        <div align=center> 
       <a href="javascript:handleClick()"><u> 
       <div id='showhidecomment'>Show Comments</div></u></a> 
       <div id='chkcomments'> 
       </div> 
    </div> 
    <br> 

Answer 1

Попробуйте

$(function() { // when DOM is ready 
    $("#showhidecomment").click(function(){ // when #showhidecomment is clicked 
     $("#chkcomments").load("sample.jsp"); // load the sample.jsp page in the #chkcomments element 
    }); 
}); 

И изменить HTML (ссылки часть) в

<div> 
    <div id='showhidecomment'>Show Comments</div> 
    <div id='chkcomments'></div> 
</div> 

С div элементы недопустимы внутри a элементов.

---

обновлениедля комментариев

Я хотел бы добавить пользовательский data-url атрибут этих элементов (указать страницу для загрузки)

<input id="passed" type="radio" value="P" data-url="some-page.jsp" /> 
<input id="law" type="radio" value="L" data-url="some-other-page.jsp" /> 
<input id="ac" type="radio" value="C" data-url="some-third-page.jsp" /> 

, а затем применить один для них

$('#verification').on('change','input[type="radio"][data-url]', function(){ 
    if (this.checked){ 
     var url = $(this).data('url'); 
     $("#chkcomments").load(url); 
    } 
}); 

Answer 2

Если вы просто хотите Аякс загрузки страницы вы можете использовать Jquery нагрузку: http://api.jquery.com/load/

Там также JQuery ПОЛУЧАЕТ: http://api.jquery.com/jQuery.get/

Вы можете найти простой пример в документации.

Update:

Вы можете добавить ссылку на библиотеку Jquery, если вы еще не сделали. См. Пример кода ниже.

простая страница показывает 'привет мир': http://jsbin.com/ivinuw/1/

страницы с кнопкой. При нажатии кнопки он использует Jquery нагрузку Аякса нагрузки страницу выше в сНу контейнер: http://jsbin.com/ubitat/1/edit