Fatal编程技术网
  • javascript/
  • Javascript 在不使用Php的情况下使用jquery将表单数据保存为JSON

Javascript 在不使用Php的情况下使用jquery将表单数据保存为JSON

javascript jquery json

Javascript 在不使用Php的情况下使用jquery将表单数据保存为JSON,javascript,jquery,json,Javascript,Jquery,Json,我想在不使用PHP的情况下以JSON格式保存此数据，当用户给出值并按send时，其数据将添加到JSON中，以便我可以使用此JSON作为数据库 <!DOCTYPE html> <html> <body> <form action="action_page.php"> First name:<br> <input type="text" name="firstname" value="Mickey"> <br

我想在不使用PHP的情况下以JSON格式保存此数据，当用户给出值并按send时，其数据将添加到JSON中，以便我可以使用此JSON作为数据库

<!DOCTYPE html>
<html>
<body>

<form action="action_page.php">
  First name:<br>
  <input type="text" name="firstname" value="Mickey">
  <br>
  Last name:<br>
  <input type="text" name="lastname" value="Mouse">
  <br><br>
  <input type="submit" value="Submit">
</form> 



</body>
</html>


名字：



姓氏：
非常感谢您的帮助：）您可以预先迭代表单并将其值收集到数组中，然后以JSON格式进行编码

<!DOCTYPE html>
<html>
<body>

<form action="action_page.php">
  First name:<br>
  <input type="text" name="firstname" value="Mickey">
  <br>
  Last name:<br>
  <input type="text" name="lastname" value="Mouse">
  <br><br>
  <input type="submit" value="Submit" onclick="logJsonInputs()">
</form>   


<script type="text/javascript">
function logJsonInputs() {
    var nameFormElements = document.getElementById("name_form").elements;
    var inputs = [];
    for(var i = 0; i < nameFormElements.length; i++) {
        var element = nameFormElements[i];
        inputs[element.name] = element.value;
    }

    var jsonInputs = JSON.stringify(inputs);
    console.log(jsonInputs);
}
</script>

</body>
</html>


名字：



姓氏：




函数logJsonInputs（）{
var nameFormElements=document.getElementById（“name_form”）.elements；
var输入=[]；
对于（var i=0；i
您可以迭代表单，并将其值收集到一个数组中，然后以JSON格式进行编码

<!DOCTYPE html>
<html>
<body>

<form action="action_page.php">
  First name:<br>
  <input type="text" name="firstname" value="Mickey">
  <br>
  Last name:<br>
  <input type="text" name="lastname" value="Mouse">
  <br><br>
  <input type="submit" value="Submit" onclick="logJsonInputs()">
</form>   


<script type="text/javascript">
function logJsonInputs() {
    var nameFormElements = document.getElementById("name_form").elements;
    var inputs = [];
    for(var i = 0; i < nameFormElements.length; i++) {
        var element = nameFormElements[i];
        inputs[element.name] = element.value;
    }

    var jsonInputs = JSON.stringify(inputs);
    console.log(jsonInputs);
}
</script>

</body>
</html>


名字：



姓氏：




函数logJsonInputs（）{
var nameFormElements=document.getElementById（“name_form”）.elements；
var输入=[]；
对于（var i=0；i

函数stringifyForm（formObject）
{
var jsonObject={}；
var inputElements=formObject.getElementsByTagName（“输入”）；
inputElements=Array.prototype.slice.apply（inputElements）；//因为我想使用forEach，getElementsByTagName返回一个对象。
forEach（函数（e，i，a）
{
如果（例如，键入！=“提交”）
{
jsonObject[e.name]=e.value；
}
}
);
$.post（”https://www.apiaas.com/consume.php",
{
“数据”：jsonObject
},
功能（数据）
{
控制台日志（数据）；
}
);
}
函数jquerySolution（formObject）
{
var jsonObject=JSON.stringify（$（formObject.serializeArray（））；
$.post（”https://www.apiaas.com/consume.php",
{
“数据”：jsonObject
},
功能（数据）
{
控制台日志（数据）；
}
);            
}
名字：



姓氏：




提交


函数stringifyForm（formObject）
{
var jsonObject={}；
var inputElements=formObject.getElementsByTagName（“输入”）；
inputElements=Array.prototype.slice.apply（inputElements）；//因为我想使用forEach，getElementsByTagName返回一个对象。
forEach（函数（e，i，a）
{
如果（例如，键入！=“提交”）
{
jsonObject[e.name]=e.value；
}
}
);
$.post（”https://www.apiaas.com/consume.php",
{
“数据”：jsonObject
},
功能（数据）
{
控制台日志（数据）；
}
);
}
函数jquerySolution（formObject）
{
var jsonObject=JSON.stringify（$（formObject.serializeArray（））；
$.post（”https://www.apiaas.com/consume.php",
{
“数据”：jsonObject
},
功能（数据）
{
控制台日志（数据）；
}
);            
}
名字：



姓氏：




提交
“我想在不使用PHP的情况下以JSON格式保存此数据”数据保存在哪里？数据以JSON格式保存，我想创建新的JSON并将所有数据保存在一个jsonYes中，您所说的“不使用PHP”是什么意思？数据保存在哪里？是否提供文件供用户下载？您是否希望使用本地存储来存储响应？或者您是否计划将数据转发到其他服务/端点？可能是我们使用jquery发送JSON对象中的表单数据，而JSON，我们可以在其他位置使用来代替数据库，可能吗？“我想以JSON格式保存此数据，而不使用PHP”数据保存在哪里？数据以JSON格式保存，我想创建新的json并将所有数据保存在一个jsonYes中，您所说的“不使用PHP”是什么意思？数据保存在哪里？是否提供文件供用户下载？您是否希望使用本地存储来存储响应？或者您是否计划将数据转发到其他服务/端点？可能是我们使用jquery在JSON对象中发送表单数据，而JSON可以在其他地方代替数据库，这是可能的？这是许多解决方案中的一种。这并没有利用JQuery，这将使过程更容易。我只将生成的JSON对象发送到控制台；但是，可以使用AJAX调用将对象发送到某个端点。更新的解决方案包括一个基于JQuery的解决方案，包括一个简单的post示例。这是多种解决方案中的一种。这并没有利用JQuery，而JQuery