JSON 的新增内容.如何在提交表单时创建 json 文件以及在何处查看它

Question

JSP PAGE：

<form id="login" action="loginaction">
<input type="text" id="username"/>
<input type="text" id="userpass"/>
<input type="submit"/>
</form>

基本上，我想将在本地服务器上运行的网站移植到移动设备上。为此，我需要移动应用程序从 JSON 收集数据。

Answer 1

你可以使用 jquery 的 serialize 函数来实现这个目的，如下所示：

$('form#login').serialize()

它将创建可以在后端处理的查询字符串。官方文件可以在这里找到。

如果您需要查询字符串到 JSON 的实际代码，您可以使用插件或以下函数

function QueryStringToJSON(query_string) {            
    var pairs = query_string.split('&');
    var result = {};
    pairs.forEach(function(pair) {
        pair = pair.split('=');
        result[pair[0]] = pair[1];
    });
    return JSON.parse(JSON.stringify(result));
}

注意：在 html 中，您没有为输入设置名称属性。您应该设置它们以获取查询字符串。

Answer 2

我建议使用这个jQuery插件：

https://github.com/marioizquierdo/jquery.serializeJSON

然后你可以像这样使用它：

$('form#login').on('submit', function (event) {
    event.preventDefault();
    var jsonData = $(this).serializeJSON();
    console.log('Submitted data in JSON:', jsonData);
    return false;
});