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 vote314 views1 answer
Jquery textarea autosize
Javascript jQuery
10 votes321 views4 answers
Jquery select radio
Javascript jQuery
0 vote307 views2 answers
Upload preview image jquery
Javascript jQuery
28 votes379 views3 answers
Jquery check if element still exists
Javascript jQuery
12 votes357 views3 answers
How to add class on the base of has class in jquery
Javascript jQuery
5 votes297 views3 answers
Jquery check if all checkbox is not checked
Javascript jQuery
23 votes284 views5 answers
Jquery replace text
Javascript jQuery
7 votes333 views2 answers
Get id by this jquery
Javascript jQuery
19 votes298 views6 answers
Jquery document ready shorthand
Javascript jQuery
21 votes342 views1 answer
Jquery loop through elements starting with
Javascript jQuery