如何在 JavaScript 中对表单帖子的响应做出反应

How to react on Response from a form post in JavaScript

本文关键字:响应 JavaScript 表单      更新时间:2023-09-26

我想在HTML中创建一个登录屏幕,用户可以在其中填写他的用户名和密码。之后,他将数据连同提交一起发送到验证数据的服务器。如果登录正确,他会发回一条带有id的 JSON 格式的消息,如下所示:

{"id":"37"}

现在我的问题:我如何在Javascript中获取这些信息?我想检查id,如果没问题,将用户重定向到新的 HTML 屏幕。

我正在使用PhoneGap创建一个Android应用程序,所以我唯一可以使用的是HTML,CSS和JavaScript。要发送POST,我使用了 HTML <form> 标签,而不是特殊的 JavaScript。如果我在 Firefox 中对其进行测试,它会起作用,我会填写我的用户名和密码,然后显示带有id的消息。现在我想用 JavaScript 对这个响应做出反应。有人可以帮助我吗?

AJAX 代码:

function loadXMLDoc() {
    var xmlhttp;
    if (window.XMLHttpRequest) {
        // code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();
    }
    else {
        // code for IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState==4) {
            document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
        }
    };
    xmlhttp.open("POST",url,true);
    xmlhttp.send(login);
JSON

解析器将仅识别 JSON 文本,拒绝所有脚本。在提供原生 JSON 支持的浏览器中,JSON 解析器也比 eval 快得多。预计原生 JSON 支持将包含在下一个 ECMAScript 标准中。

var myObject = JSON.parse(myJSONtext, reviver);

可选的齐磊参数是一个函数,将在最终结果的每个级别为每个键和值调用。

现在访问 id 属性,如myObject.id