Javascript JSON的新特性。提交表单时如何创建json文件以及在何处查看？

JSP页面：

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

---

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

您可以使用jquery的序列化函数，如下所示：

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

$('form#login').on('submit', function (event) {
    event.preventDefault();

    var jsonData = $(this).serializeJSON();

    console.log('Submitted data in JSON:', jsonData);

    return false;
});

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

如果您需要将查询字符串转换为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中，您没有为输入设置名称属性。您应该设置它们以获取查询字符串。

我建议使用此jQuery插件：

您可以这样使用它：

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

$('form#login').on('submit', function (event) {
    event.preventDefault();

    var jsonData = $(this).serializeJSON();

    console.log('Submitted data in JSON:', jsonData);

    return false;
});

---

您是否试图用Json字符串/文件替换数据库？后端是什么？如果你打算使用任何语言。例如，如果您正在使用PHP或Django python，它将已经是字典格式。为此，您不需要JSON。