7

大家好，我需要一些有关 ajax 加载方法的帮助。基本上，一旦用户检查单选按钮，我需要使用 Ajax load() 在主页中显示一个 jsp。我附上了需要显示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>
4

2 回答 2

6

尝试

$(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 );
    }
});
于 2013-02-20T19:26:56.593 回答
2

如果您只想 ajax 加载页面，您可以使用 jquery 加载：http ://api.jquery.com/load/

还有 jquery 获取：http ://api.jquery.com/jQuery.get/

您可以在文档中找到一个简单的示例。

更新：

如果还没有，您可能需要添加对 jquery 库的引用。请参考下面的示例代码。

简单页面显示“hello world”：http: //jsbin.com/ivinuw/1/

带按钮的页面。当您单击按钮时，它使用 jquery load 将上面的页面加载到 div 容器中：http: //jsbin.com/ubitat/1/edit

于 2013-02-20T18:49:49.893 回答