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 vote119 views1 answer
Get index of option in select jquery
Javascript jQuery
35 votes108 views5 answers
Jquery checkbox set checked
Javascript jQuery
21 votes108 views5 answers
Jquery run after page load
Javascript jQuery
1 vote97 views1 answer
Bind and unbind jquery validation
Javascript jQuery
0 vote104 views1 answer
Jquery filter data
Javascript jQuery
5 votes110 views4 answers
Jquery onchange
Javascript jQuery
1 vote102 views4 answers
Id to id for append jquery
Javascript jQuery
0 vote111 views1 answer
Jquery public function
Javascript jQuery
0 vote164 views1 answer
How to add jquery to an html css and javascript project
Javascript jQuery
2 votes161 views1 answer
Jquery clear text in div
Javascript jQuery