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的序列化功能，如下所示：

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

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

如果您需要查询字符串到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;
});

JSON新手。如何在提交表单时创建json文件以及在何处查看它？

2 个答案: