如何使用javascript读取表单数据?

时间:2017-09-20 06:48:14

标签: javascript html angularjs

这是表单数据。

["shiv-postman-client"]

当我提交数据时,内容会发布到 pay.html 。如何在 pay.html 页面上使用javascript阅读这些数据?

4 个答案:

答案 0 :(得分:1)

操作属性指定表单form-data时发送submitted的位置,通常为server side方法。

但是,

如果您不使用server-side编程,例如PHPC#Java,则可以使用query字符串,为了GET搜索参数。

为此,您必须使用window.location.search属性才能获得搜索参数。



var url_string = "http://www.example.com/t.html?a=1&b=3&c=4";
var url = new URL(url_string);
var c = url.search;
console.log(c);




  

得到不安全吧?我不能用方法得到。只允许的方法   是帖子。

POST数据是服务器端处理的数据。 Javascriptclient side技术。我们的想法是,您无法使用 JavaScript 阅读帖子data

您可以使用localStorage来访问anywhere中的数据。

答案 1 :(得分:1)

实际上,您要发送FORMPOST的数据。如果您通过POST方法发送数据,则需要一个“服务器”来处理从HTML页面接收的数据,然后转发相同的数据作为对请求的HTML Page的响应。

如果您将表单数据更改为GET,则可以使用JavaScript读取数据 如果您仍想使用POST,则可以使用Cookie在另一个页面上存储和检索数据。 Here are the steps

希望这有帮助。

答案 2 :(得分:0)

您可以在网址中发送表单数据,只需将表单提交方法设置为" GET"。

然后网址将是" window.location.search"。

现在在pay.html,您可以从javascript方法中读取此URL并解析此URL以获取所有参数。 使用{{1}}

答案 3 :(得分:0)

您可以使用location.search

var params = {};

if (location.search) {
    var temp = location.search.substring(1).split('&');
    for (var i = 0; i < temp.length; i++) {
        var dt = temp[i].split('=');
        if (!dt[0]) continue;
        params[dt[0]] = dt[1] || true;
    }
}

console.log(params.abc);
console.log(params.xyz);