如何更改现有XMLHttpRequest对象的URL(不使用jQuery)?

时间:2016-04-27 14:06:20

标签: javascript php xmlhttprequest

设置并发送XMLHttpRequest后,我希望能够更改XMLHttpRequest的URL,重新发送它,并更改现有内容。

在我的示例中,我希望用户能够在输入标记中键入关键字,按“搜索”按钮,XMLHttpRequest将使用他们在输入标记中键入的内容进行更新。该请求打开一个PHP脚本,该脚本从新闻网站获取CURL数据,并在其查询字符串中获取关键字和格式类型(rss或json)。

我在其他线程中看到了对beforeSend()的引用,但我不了解jQuery,并希望在没有它的情况下这样做。

这是我到目前为止所尝试的:

        .
        .
        .
        function search() { 
            // search() is a function that is called by a <input="button"> above
            // keywords is a <input type="text"> in the rest of the HTML document above
            keywords = "q=" + document.getElementById("keywords").value;
            getRequest();
            return false;
        }

        function getRequest() {
            var request = new XMLHttpRequest();
            request.open("GET", address + "?" + format + keywords, true);
            alert(address + "?" + format + "&" + keywords);
            request.onreadystatechange = function() {
                switch (request.readyState) {
                    case 4:
                        //retrieved_articles is a <div> in the rest of the HTML above
                        document.getElementById("retrieved_articles").innerHTML = request.responseText;
                        break;
                    default:
                        break;
                }
            }
            request.send();
        }

0 个答案:

没有答案