AJAX लोड विधि

Question

का उपयोग कर एक jsp पेज लोड करें सभी को नमस्कार मुझे AJAX लोड विधि के साथ कुछ मदद चाहिए। मूल रूप से मुझे रेडियो पेज की जांच करने के बाद मुख्य पृष्ठ के भीतर एक जेएसपी प्रदर्शित करने के लिए अजाक्स लोड() का उपयोग करने की आवश्यकता होती है। मैंने पृष्ठ की छवि संलग्न की है जहां 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

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

को

$(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 तत्व 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

तुम सिर्फ ajax एक पृष्ठ आप jQuery लोड का उपयोग कर सकते लोड करने के लिए करना चाहते हैं: http://api.jquery.com/load/

वहाँ भी jQuery प्राप्त होते हैं: http://api.jquery.com/jQuery.get/

आप दस्तावेज में एक सरल उदाहरण मिल सकते हैं।

अद्यतन:

यदि आपने ऐसा नहीं किया jQuery पुस्तकालय के लिए एक संदर्भ जोड़ने की जरूरत हो सकती है। कृपया नीचे नमूना कोड देखें।

सरल पृष्ठ प्रदर्शित करता है 'हैलो दुनिया': http://jsbin.com/ivinuw/1/

बटन के साथ पृष्ठ। आप बटन क्लिक करते यह jQuery लोड ajax लोड करने के लिए पेज के ऊपर एक div कंटेनर में उपयोग करता है: http://jsbin.com/ubitat/1/edit