2

前にajax呼び出しからロードされたphpページでjavascriptコードを実行する方法は?

コード サンプル: ajax + 関数 parseScript を使用して、ajax が要求されたページで JavaScript を強制的に実行する

シナリオ: selectQuest.php から質問を選択し、ajax を使用して showRecord.php というページを要求しています。

showRecord.php ページには、選択したクエリに対応する情報を含むテーブルが表示されます。実行されない JavaScript が含まれています。送信をクリックすると、JavaScript が返されるため、db の情報を更新できます。

以下のコード サンプルは showRecord.php にあります。最後に、後者を実行すると、showRecord は updateQuestion.php に対して別の ajax リクエストを作成します。

しかし、javascriptはshowRecord.phpで実行されていません

  function show(fileTex,aTex,bTex,cTex,dTex,eTex,newQuestNumTex,textAreaTex,textQuesAnsTex)
    {

  if (window.XMLHttpRequest)
   {// code for IE7+, Firefox, Chrome, Opera, Safari
   xmlhttp=new XMLHttpRequest();
   }
   else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4)
    {
    var resp=xmlhttp.responseText;
    document.getElementById("txtHint2").innerHTML=resp;
    parseScript(resp);
  // document.getElementById("txtHint").style.border="1px solid #A5ACB2";
    }
  }
xmlhttp.open("POST","updateQuestionAdmin.php?param="+fileTex+"&text_A="+aTex+"&text_B="+bTex+"&text_C="+cTex+"&text_D="+dTex+"&text_E="+eTex+"&text_ID="+newQuestNumTex+"&text_Ques="+textAreaTex+"&text_Ans="+textQuesAnsTex,true);
xmlhttp.send();
}

// this function create an Array that contains the JS code of every <script> tag in parameter
// then apply the eval() to execute the code in every script collected
function parseScript(strcode) {
  var scripts = new Array();         // Array which will store the script's code

  // Strip out tags
  while(strcode.indexOf("<script") > -1 || strcode.indexOf("</script") > -1) {
    var s = strcode.indexOf("<script");
    var s_e = strcode.indexOf(">", s);
    var e = strcode.indexOf("</script", s);
    var e_e = strcode.indexOf(">", e);

    // Add to scripts array
    scripts.push(strcode.substring(s_e+1, e));
    // Strip from strcode
    strcode = strcode.substring(0, s) + strcode.substring(e_e+1);
  }

  // Loop through every script collected and eval it
  for(var i=0; i<scripts.length; i++) {
    try {
      eval(scripts[i]);
    }
    catch(ex) {
      // do what you want here when a script fails
    }
  }
}
</script>
4

1 に答える 1

0

iyrag が言ったように、Javascript フレームワークが役に立ちます。jQuery には、スクリプトが正常にロードされ、ajax で終了したときに実行できるコールバック関数があります。

たとえば、そのコールバック関数内で他のものを実行する必要があります。

$.ajax({
  url: 'test.php',
  success: function(data) {
    $('#result').html(data); // Display script return on some div
    someFunction(); // blabla

// Execute some other javascript here, you'll be abble to access the DOM of the test.html
// page because here you'lle be sure that test.html is loaded.showRecord.php should not contain javascript, which would rather be here

  }
});

タグがjQueryを特徴としているのでこちらも投稿しました...

于 2012-11-27T18:30:44.270 に答える