Tengo este código Ajax para enviar un formulario PHP. El código funciona, sin embargo, me gustaría que el <div> que se supone que debe cambiar el contenido se actualice sin que se actualice toda la página.
El ID del div es #container.
Aquí está el código AJAX:
$('.accept_friend').submit(function(){ var data = $(this).serialize(); $.ajax({ url: "../accept_friend.php", type: "POST", data: data, success: function( data ) { //here is the code I want to refresh the div(#container) }, error: function(){ alert('ERROR'); } }); return false; });Tendrá que cambiar la propiedad innerHTML de DIV... con jQuery se hace así:
$('#container').html('... new content goes here...');entonces, en su caso, agregue la función de éxito:
$('#container').html(data);o
$('#container').html(data.someAttribute);según el tipo y la estructura de los datos devueltos.