代码之家 › 专栏 › 技术社区 › Adam Tootle

Ajax只返回readystate==4值

xmlhttprequest ajax javascript

Adam Tootle · 技术社区 · 15 年前

好吧,我到处都找过这个。我将删除几个变量声明,因为我可以确保我的xmlhttpRequest正常工作。

function submit_edit_form()
{
    // id and title are already declared
    var x = ajax_edit_form_save(id, 'title', title);
    alert(x);
}
function ajax_edit_form_save(id, property, new_value)
{

    if (window.XMLHttpRequest)
    {
        xmlhttp = new XMLHttpRequest();
    }
    else
    {
        // screw IE5 & IE6
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange = function()
    {
       if (xmlhttp.readyState == 4 && xmlhttp.responseText != '')
       {    
            return xmlhttp.responseText;
       }
    }

    // myURL is already defined. I'm not troubleshooting this part, I know it's working
    xmlhttp.open("GET", myURL, true);
    xmlhttp.send();
}

所以,当我调用submit_edit_form(),它调用ajax_edit_form_save(),我会得到一个“未定义”的警告。我知道问题在于Ajax_Edit_Form_Save()在ReadyState1上返回未定义的。我抓耳挠腮,因为只有当readystate==4时才有返回。我怎样才能推迟返回值,以便x得到实际的responseText?

2 回复 | 直到 15 年前

naikus 15 年前

您的函数甚至在Ajax调用完成之前返回,因为它是异步的。“onreadyStateChange”中的RETURN语句将不起任何作用,因为该值返回给方法“onreadyStateChange”的调用方,该方法是xmlhttpRequest obejct,而不是您的代码。

您应该将回调函数传递给 ajax_edit_form_save 当readystate为4时调用

见下文:

function ajax_edit_form_save(id, property, new_value, funCallback) // ==> callback function
{

    if (window.XMLHttpRequest)
    {
        xmlhttp = new XMLHttpRequest();
    }
    else
    {
        // screw IE5 & IE6
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange = function()
    {
       if (xmlhttp.readyState == 4 && xmlhttp.responseText != '')
       {    
            callback( xmlhttp.responseText ); // =============> callback function called
       }
    }

    // myURL is already defined. I'm not troubleshooting this part, I know it's working
    xmlhttp.open("GET", myURL, true);
    xmlhttp.send();
}

回调函数可以是:

function handleReponse(resp) {
  // do something with resp
}

ajax_edit_form_save("myID", "myProperty",  "new value", handleResponse);

PPShein 15 年前

你从哪里得到的那个(X)文件?我想,你忘了提URL值了。

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前