ajax请求后javascript函数没有响应(xmlhttprequest)

时间:2012-05-28 20:06:33

标签: javascript ajax

我有以下功能:

$(function() { //add new language 
    var lg_select = $('#add_language');
    var table = lg_select.parent();
    var table_head = $('form[name=languageData] tr').has('th')
    $('.cv_addLang').click(function(e) {
        e.preventDefault();
        if(table_head.is(':hidden')) {
            $('.nolangauge').hide();
            table_head.show();
        }
        var new_lang = lg_select.clone();
        new_lang.find('select[disabled=disabled]').removeAttr('disabled');
        new_lang.find('select[name=new_language]').attr('name', 'language[]');
        new_lang.find('select[name=new_level]').attr('name', 'language_level[]');
        new_lang.appendTo(table).show();
    })
})

function getXMLHttpRequestObject() { //ajax
    var ajax = false;
    if(window.XMLHttpRequest) {
        ajax = new XMLHttpRequest();
    } else if(window.ActiveXObject) {
        try {
            ajax = new ActiveXObject("Msxml2.XMLHTTP");
        } catch(e) {
            try {
                ajax = new ActiveXObject("Microsoft.XMLHTTP");
            } catch(e) {
            }
        }
    }
    return ajax;
}

$(function() { //ajax
    var ajax = getXMLHttpRequestObject();
    if(ajax) {
        $('div').delegate(".but_cv_w", "click", function(e){
            e.preventDefault();
            var div_content = $(this).parent().parent();
            if(div_content) {
                var x=$(div_content).attr('id');
                //alert(x);
                //alert(div_content);
                var path = $(this).attr('href');
                //alert(path);
                ajax.open('get', path + '&ajax=true');
                ajax.onreadystatechange=function() {
                    if(ajax.readyState == 4) {
                        if((ajax.status == 200) || (ajax.status == 304)) {
                            $(div_content).html(ajax.responseText);
                        } else {
                            $(this).click;
                        }
                    }
                }
                ajax.send(null);
                return false;
            }
        })
    }
})

问题是新语言和ajax都运行良好但分开了。如果我删除ajax函数然后新的语言函数正在工作,但如果我保留ajax函数并发出ajax请求,那么另一个函数(新语言)不再工作。它接缝在ajax请求之后,新语言函数不像ajax请求那样工作。 新语言函数应该为语言添加新输入,“cv_addLang”是在正常服务器请求之后或在ajax请求之后出现在页面上的按钮的calss?

希望有人可以帮助我吗? 谢谢你的帮助!

1 个答案:

答案 0 :(得分:0)

问题在于添加新语言功能。而不是单击事件,必须使用委托事件,因此该函数应该看起来像这样才能使它工作。

$(function () { //add new language
$("body").delegate('.cv_addLang','click',function(e) {
    e.preventDefault();
    var lg_select = $('#add_language');
    var table = lg_select.parent();
    var table_head = $('form[name=languageData] tr').has('th');
    if(table_head.is(':hidden')) {
        $('.nolangauge').hide();
        table_head.show();
    }
    var new_lang = lg_select.clone();
    new_lang.find('select[disabled=disabled]').removeAttr('disabled');
    new_lang.find('select[name=new_language]').attr('name', 'language[]');
    new_lang.find('select[name=new_level]').attr('name', 'language_level[]');
    new_lang.appendTo(table).show();
});

})