Refresh div jquery

Reload page jquery

location.reload();

JQuery refresh page

$('#myElement').click(function() {
    location.reload();
});

Refresh div jquery

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

//this is actualy not so nice but it does the job.

Refresh a page in jquery

$('#something').click(function() {
    location.reload();
});

AJAX in reload a div container

<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>
        <div>
            <p>
                <a id="processingStationTopImageLightBox" data-lightbox="image-1" title="" href="">
                    <img alt="" id="processingStationTopImage" src="" width="250" height="200" />
                </a>
            </p>
            <p>
                <strong>Processing Station Side Camera Serial No:</strong><br />
                <span id="processingStationTopImageDetails"></span>
            </p>
        </div>
        <div>
            <p>
                <a id="cardScanImageLightBox" data-lightbox="image-1" title="" href="">
                    <img alt="" id="cardScanImage" src="" width="250" height="200" />
                </a>
            </p>
            <p>
                <strong>Card Scan Camera Serial No:</strong><br />
                <span id="cardScanImageDetails"></span>
            </p>

        </div>
    </div>
    <div class="clearall"></div>

    <div class="marginTop50">
        <p><input type="radio" name="radio1" id="optionYes" />Yes, the infomation captured is correct.</p>
        <p><input type="radio" name="radio1" id="optionNo" />No, Please capture again.</p>
    </div>
    <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>
</form>

Source: stackoverflow.com

Similar codes

0 vote159 views1 answer
How to remove modal-backdrop fade in jquery
Javascript jQuery
0 vote150 views2 answers
Upload preview image jquery
Javascript jQuery
0 vote177 views1 answer
How to make Jquery Class clickable
Javascript jQuery
1 vote151 views1 answer
Check your page, maybe you import jQuery library twice, the slim version or it is missing.
Javascript jQuery
0 vote100 views1 answer
Jquery html submit form to new tab
Javascript jQuery
0 vote163 views1 answer
Check before element jquery
Javascript jQuery
0 vote152 views1 answer
Jquery click on data attribute
Javascript jQuery
1 vote151 views1 answer
Html string to object jquery
Javascript jQuery
7 votes136 views4 answers
Value change event jquery
Javascript jQuery
25 votes149 views3 answers
Jquery growl cdn
Javascript jQuery