首页 > 解决方案 > 如何使用javascript将所有表单数据一起发布到php

问题描述

我有一个 HTML 表单

<form>

Name <input name=nm type=text">
Password <input name=pass type=password >

我想发送两个字段的值,如何使用 js

标签: javascripthtml

解决方案


您可以使用 serialize()

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("div").text($("form").serialize());
  });
});
</script>
</head>
<body>

<form action="">
  First name: <input type="text" name="FirstName" value="Mickey"><br>
  Password: <input type="text" name="LastName" value="Mouse"><br>
</form>

<button>Serialize form values</button>
body>

<form action="">
  First name: <input type="text" name="nm" value="Mickey"><br>
  Last name: <input type="password" name="password" value="Mouse"><br>
</form>

<button>Serialize form values</button>

<div></div>
</body>
</html>
<div></div>

</body>
</html>

希望对你有帮助


推荐阅读