Question

我的问题是我的代码非常复杂，因为它是正常的xmlhttp，我想把它切换到jQuery。我很确定它有简写功能吗？这是我目前的代码：

function getContent() {
    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 && xmlhttp.status==200) {

            replace_page = xmlhttp.responseText;
            doc.getElementById("content").innerHTML = replace_page;

            $("#content").children().hide();
            $("#content").children().fadeIn("slow");

            //do some other stuff
        }
        navigating = false;
    };
    xmlhttp.open("GET",site_location+"/pages/"+page+".php",true);
    xmlhttp.send();
}

我找到了这个example，这很有效，但我也必须将它用于表格...

有没有一种简单的方法可以改变它？我知道它可能涉及序列化功能，对吧？

Answer 1

查看$.ajax();

$.ajax({
    type: 'GET',
    url: site_location+"/pages/"+page+".php",
}).done(function(html){
    $('#content').html(html).children().hide().fadeIn("slow");
})

或更好地使用load()，因为目标是将html内容加载到目标元素

$('#content').load(site_location+"/pages/"+page+".php", function(){
    $(this).children().hide().fadeIn("slow");
})

将xmlhttp javascript转换为jquery

1 个答案: