使用jquery / ajax刷新/重新加载Div中的内容

Question

使用jquery / ajax刷新/重新加载Div中的内容我想点击一个按钮重新加载一个div。我不想重新加载整页。这是我的代码：HTML：<div role="button" class="marginTop50 marginBottom">     <input type="button" id="getCameraSerialNumbers" value="Capture Again" class="disabled" />     <input type="button" id="confirmNext"  value="Confirm & Proceed" class="disabled marginLeft50" /></div>单击<input type="button" id="getCameraSerialNumbers" value="Capture Again">按钮时，<div id="list">....</div>应重新加载而不加载或刷新整页。下面是我试过的Jquery，但没有工作： -$("#getCameraSerialNumbers").click(function () {     $("#step1Content").load();});请建议。这是我页面上的DIV，其中包含一些产品的图片和序列号......这将是第一次在Page Load上的数据库。但是，如果用户面临一些问题，他将点击“再次捕获”按钮“ <input type="button" id="getCameraSerialNumbers" value="Capture Again">”，这将再次加载这些信息。HTML代码： -<div id="step1Content" role="Step1ShowCameraCaptures" class="marginLeft"><form>     <h1>Camera Configuration</h1>     <!-- Step 1.1 - Image Captures Confirmation-->     <div id="list">         <div>             <p>                 <a id="pickheadImageLightBox" data-lightbox="image-1" title="" href="">                     <img alt="" id="pickheadImage" src="" width="250" height="200" />                 </a>             </p>             <p>                 <strong>Pickhead Camera Serial No:</strong><br />                 <span id="pickheadImageDetails"></span>             </p>         </div>         <div>             <p>                 <a id="processingStationSideImageLightBox" data-lightbox="image-1" title="" href="">                     <img alt="" id="processingStationSideImage" src="" width="250" height="200" />                 </a>             </p>             <p>                 <strong>Processing Station Top Camera Serial No:</strong><br />                 <span id="processingStationSideImageDetails"></span>             </p>         </div>现在点击<input type="button" id="getCameraSerialNumbers" value="Capture Again" class="disabled" />按钮，<div id="list">... </div> 应该再次加载所在的信息。如果您需要更多信息，请与我们联系。

Answer 1

我总是用这个，做得很完美。

$(document).ready(function(){
        $(function(){
        $('#ideal_form').submit(function(e){
                e.preventDefault();
                var form = $(this);
                var post_url = form.attr('action');
                var post_data = form.serialize();
                $('#loader3', form).html('<img src="../../images/ajax-loader.gif" />       Please wait...');
                $.ajax({
                    type: 'POST',
                    url: post_url, 
                    data: post_data,
                    success: function(msg) {
                        $(form).fadeOut(800, function(){
                            form.html(msg).fadeIn().delay(2000);

                        });
                    }
                });
            });
        });
         });

Answer 2

$("#mydiv").load(location.href + " #mydiv");

Answer 3

$("#myDiv").load(location.href+" #myDiv>*","");