代码之家 › 专栏 › 技术社区 › Glafuski

为什么readyState==0不起作用

xmlhttprequest ajax javascript

-1

Glafuski · 技术社区 · 6 年前

所以我的问题是当我使用 if(this.readyState == 0) 它没有完成它的工作。我有一个用ajax加载表单的脚本,我可以选择关闭表单,但后来我意识到,如果我想再次打开表单而不发出新的ajax请求,我需要某种变量。我有一个名为“isOpen”的变量,当xhr readyState为0时,我希望它检查isOpen是否为true,如果为true,它将中止xhr并显示表单数据。现在它似乎不像我预期的那样工作。

下面是我处理这个AJAX请求的全部功能。

function postPlacesForm() {
var yhteys = new XMLHttpRequest();
yhteys.onreadystatechange = function() {
    var isOpen = false;
    if(this.readyState === 0) {
        if(isOpen === false) {

        }
        else if(isOpen === true) {
            document.getElementById("places").style.display = "block";
            yhteys.abort();
        }
    }
    if(this.readyState === 4 && this.status === 200) {
        document.getElementById("places").innerHTML = this.responseText;
        document.getElementById("places").style.display = "block";
        document.getElementById("ajax_close").style.display = "block";
        isOpen = true;
    }

};
yhteys.open("POST", "/js/ajax_inc/forms/postplaces.php", true);
yhteys.send();

}

2 回复 | 直到 6 年前

Glafuski 6 年前

好吧,我在readyState 2上找到了它。谢谢大家,很抱歉浪费了你们的时间。

解决方案代码如下

var postPlaceFormIsOpen = 0;
function postPlacesForm() {
    var yhteys = new XMLHttpRequest();
    yhteys.onreadystatechange = function() {
        if(this.readyState === 2) {
            if(postPlaceFormIsOpen === 0) {

            }
         else {
            yhteys.abort();
            console.log("test");
            document.getElementById("places").style.display = "block";
            document.getElementById("ajax_close").style.dispaly = "block";
        }
    }
    if(this.readyState === 4 && this.status === 200) {
        document.getElementById("places").innerHTML = this.responseText;
        document.getElementById("places").style.display = "block";
        document.getElementById("ajax_close").style.display = "block";
        postPlaceFormIsOpen++;
        console.log(postPlaceFormIsOpen);
    }

};
yhteys.open("POST", "/js/ajax_inc/forms/postplaces.php", true);
yhteys.send();

}

-2

Charlie 6 年前

看来你不明白 readyState 还没有财产。

已创建0个未发送的客户端。尚未调用open()。
已调用1 open open()。
已调用2 HEADERS\u RECEIVED send(),并且HEADERS和status可用。
3加载下载;responseText保存部分数据。
4完成操作完成。

https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/readyState

推荐文章

Rachel Dockter · 如何从其他网站获取特定div内容

6 年前

Nevil Saul Blemuss · 我的想法是创建自己的js方法,我将传入三个参数(方法、url、数据)

6 年前

saunders07 · PHP到XMLHttpRequest SQL删除

6 年前

Shahrzad Nazemi · 如何发出javascript http请求

6 年前

Glafuski · 为什么readyState==0不起作用

6 年前

misha sachenko · XML HTTP请求无法从JS向我的PHP文件发送请求

6 年前

user3390812 · XMLHTTPRequest请求打开天气返回状态0

6 年前

AskaNor_29 · 未定义检测AJAX请求$\u服务器['HTTP\u X\u REQUESTED\u WITH']的操作

6 年前

CoqPwner · 如何设置XMLHttpRequest的响应

6 年前

user9334443 · 我无法使用put方法获取变量-xmlhttprequest-laravel

6 年前