这个ajax请求下一步该做什么?

时间:2014-07-31 04:35:01

标签: javascript php ajax

经过多次研究,我推断如果我想将javascript变量转换为php函数,我需要使用AJAX请求。我已经阅读过它的教程,我想我已经开始了。但是,我不知道接下来我要做什么:如果有人能解释我的过程(因为它有点模糊),我将非常感激!这就是我的所作所为:

// encode the variables
dayInput = encodeURIComponent(dayInput);
monthInput = encodeURIComponent(monthInput);
yearInput = encodeURIComponent(yearInput);

// prepare the ajax request
var xhr = new XMLHttpRequest();
xhr.open('GET', 'createList.php?day=' + dayInput + '&month=' + monthInput + '&year=' + yearInput);
xhr.send(NULL);
xhr.onreadystatechange = function(){
    if(xhr.readyState == xhr.DONE && xhr.status == 200)
    {
        //WHAT TO DO??
    }
}

2 个答案:

答案 0 :(得分:0)

根据您对php页面返回的数据的处理方式,您应该将其解析为DOM元素,以便可以使用JavaScript访问它:

xhr.onreadystatechange = function(){
    if(xhr.readyState == xhr.DONE && xhr.status == 200){
        var parser = new DOMparser(),
            doc = parser.parse(xhr.responseText, 'text/html');

        // do something with doc, like:
        var list = doc.getElementById('list');
        document.getElementById('some-id').innerHTML = list;
    }
}

答案 1 :(得分:0)

假设脚本重新发送HTML,您可以将其插入DOM,如下所示:

xhr.onreadystatechange = function(){
    if(xhr.readyState == xhr.DONE && xhr.status == 200){
        document.getElementById('listbox').innerHTML = xhr.responseText;
    }
}