Reload a div element using jquery

Question

I have a data table in my spring mvc project. I need to refresh this table after editing or deleting the data without refreshing the whole page. Here is html div element.

<div id="datatable"> </div>

I tried it in this way. $("#datatable").load("butterflyImage #datatable"); ButterflyImage is the name of the jsp page. But it didn't work. What is the issue?

When I try $("#datatable").load("butterflyImage'); The whole page will appear on within datatable div element.

Answer 1

You could do it this way:

$.get("butterflyImage",function(response){
    $("#datatable").html($(response).find("#datatable").html());
});

But it's very inefficient and would be better to have the jsp just output the content that you need to refresh.