php - 如何执行一个js函数使用另一个函数的元素带来ajax页面

Question

在我的“index.php”页面中，我从用户那里获取某物并使用“ajax.php”在 div 中给出响应。 ajax 页面返回一个有序列表，分为称为页面的 div。加载 ajax 后，我需要执行一个函数来设置页面的一些 css 属性。当我将它附加到按钮的 onClick 事件时，该功能已准备就绪并且可以正常工作。但我想在加载 ajax 页面后自动执行它。我试过:

1. 在页面顶部和页面底部的 index.php 和 ajax.php 中也加载事件 --> 它不起作用
2. function in function showAjax(){...setCSS();}--> 我在加载整个 ajax 页面后无法运行它
3. 回调函数-->它不能正常工作
4. 像 onClick="showAjax(); setCSS();"这样的 onClick 事件 --> 它不起作用

我不使用 jQuery。我检查了类似的问题解决方法，但它们不起作用。我感谢任何人让我免于这个麻烦。谢谢

添加的代码:

var xmlHttp;

function loadXMLDoc(url,cfunc) {
    if (window.XMLHttpRequest) {
        xmlHttp=new XMLHttpRequest();
    } 
    else {
        xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    } 
    xmlHttp.onreadystatechange=cfunc; 
    xmlHttp.open("GET",url,true); 
    xmlHttp.send();
}

function showAjax(x) { 
    loadXMLDoc("ajax.php?obj="+x,function() {
       if (xmlHttp.readyState==4 && xmlHttp.status==200) {
          document.getElementById("sonuclar").innerHTML=xmlHttp.responseText;
       }
    });
}

Answer 1

我解决了这个问题。 “if (xmlHttp.readyState==4 && xmlHttp.status==200)”这个语句已经在控制ajax是否完全加载。所以我将我的 setCSS 函数添加到 showAjax 函数中作为回调

`函数 showAjax(x, func) {

loadXMLDoc("ajax.php?obj="+x,function() {

   if (xmlHttp.readyState==4 && xmlHttp.status==200) {

      document.getElementById("sonuclar").innerHTML=xmlHttp.responseText;

      func();

   }

});

}

onclick=showAjax(this.value, setCSS);'