4

内部にあるものをすべてクリアせずに、最新の投稿をdivに挿入する投稿ボタンを作成しようとしています。私の現在のコードは新しい仕切りを挿入しますが、その中のすべてをクリアするので、最後の投稿だけになります。

誰かがそれを修正する方法を知っていますか？

ありがとう

コードは次のとおりです。

var xmlHttp

function submitNews() {
  xmlHttp=GetXmlHttpObject();

  if (xmlHttp==null) {
    alert ("Your browser does not support XMLHTTP!");
    return;
  }

  var content = document.getElementById('newsfeed_box').value;
  var uid = document.getElementById('pu_uid').innerHTML;

  var url="ajax/submit_post.php";
  url=url+"?post="+content+"&id="+uid;
  url=url+"&validate="+Math.random();

  xmlHttp.onreadystatechange=stateChange;

  xmlHttp.open("GET",url,true);
  xmlHttp.send(null);
}

function stateChange() {
  switch(xmlHttp.readyState) {
    case 1:
      document.getElementById('successs').innerHTML = "<img src=\"style/images/loader.gif\" />";
      document.getElementById('successs').style.display = "block";
      break;
    case 2:
      document.getElementById('successs').innerHTML = "<img src=\"style/images/loader.gif\" />";
      document.getElementById('successs').style.display = "block";
      break;
    case 3:
      document.getElementById('successs').innerHTML = "<img src=\"style/images/loader.gif\" />";
      document.getElementById('successs').style.display = "block";
      break;
    case 4:
      var newdiv = document.createElement('div');
      newdiv.innerHTML = xmlHttp.responseText;
      document.getElementById('successs').appendChild(newdiv);
      break;
  }
}

// creating the XMLHttpRequest
function GetXmlHttpObject() {
  if (window.XMLHttpRequest) {
    // code for IE7+, Firefox, Chrome, Opera, Safari
    return new XMLHttpRequest();
  }
  if (window.ActiveXObject) {
    // code for IE6, IE5
    return new ActiveXObject("Microsoft.XMLHTTP");
  }
  return null;
}
4

4 に答える 4

5

問題は switch ステートメントにあります。1 - 3 を処理するケースは、要素の innerHTML を完全にリセットします。見えないかもしれませんが、こういったケースがヒットしています。読み込みイメージを別のコンテナに移動してみてください。動作し始めます。

  switch(xmlHttp.readyState) {
    case 1:
      document.getElementById('status').innerHTML = "<img src=\"style/images/loader.gif\" />";
      document.getElementById('status').style.display = "block";
      break;
    case 2:
      document.getElementById('status').innerHTML = "<img src=\"style/images/loader.gif\" />";
      document.getElementById('status').style.display = "block";
      break;
    case 3:
      document.getElementById('status').innerHTML = "<img src=\"style/images/loader.gif\" />";
      document.getElementById('status').style.display = "block";
      break;
    case 4:
      var newdiv = document.createElement('div');
      newdiv.innerHTML = xmlHttp.responseText;
      document.getElementById('successs').appendChild(newdiv);
      break;
  }
于 2009-10-26T19:37:14.640 に答える
2
  1. 内部のhtmlを変数にコピーします
  2. 新しいコンテンツと変数を必要な方法で混合します (新しい + 古い OR 古い + 新しい)
  3. 内側のhtmlを設定=あなたの混合物
于 2009-10-26T19:12:25.593 に答える
1

これでうまくいくと思います：

whatever.innerHTML += additionalInfo;
于 2009-10-26T19:15:06.260 に答える