dimanche 19 avril 2015

Use one ajax call for different page and div?

I use this code to make ajax call to change the content of div in main page without reloading the page :



function ajaxcall()
{
$.ajax({
type: "POST",
url: "/create.php",
success: function( returnedData ) {
$( '#container' ).html( returnedData );
}
});
}


and I call it like that :



<p><a onclick="ajaxcall()" >Create</a></p>


The issue is very complicated because I have to call 4 pages in the same div :



create.hmtl ; update.html; delete.html ; read.html


Also I have 2 different forms in the same page that required the same thing, I mean I should do the same thing for the second form with another div "container-1",then I have 2 div for exmaple in create.html :


create.html :



<div id="container">
....
</div>

<div id="container-1">
....
</div>


So I call create.html everytime but different div for different form, the question is to use a minimum clean code to do all what I explained above?


Aucun commentaire:

Enregistrer un commentaire