Is is possible to refresh a div with new content like stackoverflow?

Question

I having been working on a project, where when there is a new db update, we are using the .click() function to refresh the page to get new content into view, and that tends to load huge amount of data retrieval for a single update. But I have seen in sites like stackoverflow or linkedin they were loading the new content without refreshing the whole page.

May anyone help on how to add that feature in our project.

If you use PHP check this: http://stackoverflow.com/questions/6506873/change-div-content-using-ajax-php-and-jquery If you use Asp.net check out the updatepanel control (http://ajax.net-tutorials.com/controls/updatepanel-control/) — Yetispapa, Mar 25 '14 at 11:02
@Sugunthan yes call the web service using ajax and get response append it to the div.this refresh the content not page — Sridhar R, Mar 25 '14 at 11:03
@Sridhar R yes, now I got it I think, let me to try with below given answer — Suganthan Madhavan Pillai, Mar 25 '14 at 11:05

score 2 · Answer 1 · edited May 23 '17 at 10:31

2

Use Ajax for this.

Build a function that will fetch the current page via ajax, but not the whole page, just the div in question from the server. The data will then (again via jQuery) be put inside the same div in question and replace old content with new one.

Relevant function:

http://api.jquery.com/load/

eg

$('#thisdiv').load(document.URL +  '#thisdiv');

Note, load automatically replaces content.

Refernce: Refresh Part of Page (div)

Only update part of page

edited May 23 '17 at 10:31

Community

1
1

answered Mar 25 '14 at 11:01

Nevin Madhukar K

3,031
2
25
52

thanks for your answer, but when new content is coming, how this will solve – Suganthan Madhavan Pillai Mar 25 '14 at 11:03
Take for example,you have a div and only that part has to be refreshed,you are basically loading another url or data from the server.. – Nevin Madhukar K Mar 25 '14 at 11:05
And append the required data where you want it.(If its not a div) – Nevin Madhukar K Mar 25 '14 at 11:07
k, thank you let me implement, hope you answer will help – Suganthan Madhavan Pillai Mar 25 '14 at 11:11
Sure,do click on the tick if the answer helped you out. – Nevin Madhukar K Mar 25 '14 at 11:12
sure i 'll do that after the implementation – Suganthan Madhavan Pillai Mar 25 '14 at 11:13

Is is possible to refresh a div with new content like stackoverflow?

1 Answers1