Comment charger la page après le succès d'ajax

Question

Je veux créer un flux Facebook/style twitter où le flux se mettra automatiquement à jour après une nouvelle entrée est mise à jour. Jusqu'à présent, j'ai eu ceci:

<form id="submitEvent"> 
<textarea placeholder="Suggest an event!"></textarea> 
<a class="button" id="newEvent" href="#">Submit</a> 
<script> 
$('#newEvent').click(function(e) { 
sugEvent = $('textarea').val(); 
user = $('#userName').text(); 
var data = "user=" + user + "&newEvent=" + sugEvent; 
$.ajax({ 
    data: data, 
    url:"uploadInfo.php", 
    success:function(result) 
    { 
     $("#otherSuggestedEvents").load(updateEvents.php); 
     $('#otherSuggestedEvents').show(); 
    } 
}); 
$('textarea').val(""); 
}); 
</script> 
<div id="otherSuggestedEvents"></div> 

updateEvents.php:

<?php 
$hostname= -censored-; 
$username=-censored-; 
$password=-censored-; 
$dbname=-censored-; 
$conn = mysqli_connect($hostname, $username, $password, $dbname); 
    $results = mysqli_query($conn, "SELECT * FROM `suggestedEvents` ORDER BY `time` DESC"); 
    while($row = mysqli_fetch_array($results)) 
    { 
     $username = $row['user']; 
     $event = $row['newEvents']; 
     echo "<div id='userEvents'>"; 

     echo "<p>$event</p>"; 
     echo "<h3>-$username</h3>"; 
     echo "</div>"; 
    } 
?> 

La forme est capable de mettre à jour la base de données très bien, mais <div id="otherSuggestedEvents"></div> est tout simplement vide. Je n'ai aucune idée de ce qui ne va pas, toute aide serait appréciée!

Answer 1

Essayez de la vérification de la réponse de la charge() appeler comme

$("#otherSuggestedEvents").load("updateEvents.php", function(response, status, xhr) { 
    if (status == "error") { 
    alert("error: " + xhr.status + " " + xhr.statusText); 
    } 
}); 

espère que cela aidera u.