AJAX加载后如何运行jquery函数

我有本地的AJAX函数来加载图像。在本地AJAX成功加载后，我如何加载Jquery函数

以下是我的AJAX：

function loadImage() {
    var xmlhttp;

    if(window.XMLHttpRequest) {
        xmlhttp = new XMLHttpRequest();
    }
    else {
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }

    xmlhttp.onreadystatechange = function() {
       if(xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            document.getElementById("imageLoco").innerHTML = xmlhttp.responseText;
            document.getElementsByClassName("media-pv").style.height = document.getElementsByClassName("media-pv").clientWidth;
       } else {
            document.getElementById("imageLoco").innerHTML = "<img src='images/loader.gif' />";
       }
    }

    var url = "get_media.php";

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

我将AJAX放在

$（document）.ready（function（）{…}）

之后，Jquery不会更改

.media pv

类高度。怎么处理

---

谢谢..

试试这段代码。未经测试，但应能正常工作

function loadImage() {
    var xmlhttp;

    if(window.XMLHttpRequest) {
        xmlhttp = new XMLHttpRequest();
    }
    else {
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }

    xmlhttp.onreadystatechange = function() {
       if(xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            document.getElementById("imageLoco").innerHTML = xmlhttp.responseText;
            //document.getElementsByClassName("media-pv").style.height = document.getElementsByClassName("media-pv").clientWidth;
            //[updated code]
            changeHeight();
       } else {
            document.getElementById("imageLoco").innerHTML = "<img src='images/loader.gif' />";
       }
    }

    var url = "get_media.php";

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

function changeHeight(){

    if(domReady == true){
        $('.media-pv').css({                    
           height : $('.media-pv').width()
        });

        if(tempInterval){
            clearInterval(tempInterval);    
        }        

    }else{
        tempInterval = setInterval(changeHeight,100);    
    }


}

var domReady = false;
var tempInterval;
$(document).ready(function(){
    domReady = true;
});

函数loadImage（）{
var-xmlhttp；
if（window.XMLHttpRequest）{
xmlhttp=新的XMLHttpRequest（）；
}
否则{
xmlhttp=新的ActiveXObject（“Microsoft.xmlhttp”）；
}
xmlhttp.onreadystatechange=函数（）{
if（xmlhttp.readyState==4&&xmlhttp.status==200）{
document.getElementById（“imageLoco”）.innerHTML=xmlhttp.responseText；
//document.getElementsByClassName（“媒体pv”）.style.height=document.getElementsByClassName（“媒体pv”）.clientWidth；
//[最新守则]
改变高度（）；
}否则{
document.getElementById（“imageLoco”）.innerHTML=“”；
}
}
var url=“get_media.php”；
open（“GET”，url，true）；
xmlhttp.send（）；
}
函数changehight（）{
if（domReady==true）{
$（'.media pv'）.css（{
高度：$（'.media pv'）。宽度（）
});
if（tempInterval）{
clearInterval（tempInterval）；
}        
}否则{
tempInterval=setInterval（更改高度，100）；
}
}
var-domReady=false；
var时间间隔；
$（文档）.ready（函数（）{
domReady=true；
});

为什么混合使用本机javascript和jQuery。。。使用

jQuery.ajax（）

尝试在这行文档之后编码jQuery代码//这里的jquery代码有相同的结果，我已经尝试过使用jQueryAjax，比如这个示例[link]（）为什么要在jquery中这样做？

function loadImage() {
    var xmlhttp;

    if(window.XMLHttpRequest) {
        xmlhttp = new XMLHttpRequest();
    }
    else {
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }

    xmlhttp.onreadystatechange = function() {
       if(xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            document.getElementById("imageLoco").innerHTML = xmlhttp.responseText;
            //document.getElementsByClassName("media-pv").style.height = document.getElementsByClassName("media-pv").clientWidth;
            //[updated code]
            changeHeight();
       } else {
            document.getElementById("imageLoco").innerHTML = "<img src='images/loader.gif' />";
       }
    }

    var url = "get_media.php";

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

function changeHeight(){

    if(domReady == true){
        $('.media-pv').css({                    
           height : $('.media-pv').width()
        });

        if(tempInterval){
            clearInterval(tempInterval);    
        }        

    }else{
        tempInterval = setInterval(changeHeight,100);    
    }


}

var domReady = false;
var tempInterval;
$(document).ready(function(){
    domReady = true;
});