0

私のアプリケーションでは、それが正しい言葉である場合は、既に表示されている投稿のリストへの ajax リクエストの結果を追加または追加したいと考えています。つまり、ユーザーが投稿をクリックして ajax リクエストが発行されると、結果は div 内の既存の投稿リストの一番上にプッシュされます。私が考えた 1 つの方法は、ユーザーがタイムスタンプで並べ替えられた投稿の新しいリストを取得するために何かを投稿した後に、2 番目の ajax リクエストを起動することでした。

効果的で良い方法を教えてください。これにjqueryを提案しないでください。生のjavascriptで実行したいのですが、達成したいことを達成する方法がない場合は、後でjqueryを使用します。

私のJavaScriptコード:

 function postAjaxFade(){

 t = document.getElementById("post").value;
 // other element values like timestamp etc...
 params = "post="+t+"&fl="+f;

 if (window.XMLHttpRequest)
  { 
  xmlhttp=new XMLHttpRequest();
 }
 else
 {
 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
 }
  xmlhttp.onreadystatechange=function()
 {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
  {
 // what do i add here to append the value to top of this div below..
   document.getElementById("postContainer").innerHTML=xmlhttp.responseText;

  }
 }
 xmlhttp.open("POST","search.php",true);
 xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
 xmlhttp.send(params);
}
4

1 に答える 1

3

変化する：

document.getElementById("postContainer").innerHTML=xmlhttp.responseText;

に

var inner = document.getElementById("postContainer").innerHTML;
inner = xmlhttp.responseText + inner;
document.getElementById("postContainer").innerHTML = inner;
于 2013-01-21T04:11:27.267 に答える