Jquery 提交表单后使用值显示表单
我有一个提交用户名的表单,我想在sap rate表单中显示所有详细信息,但不想加载其他页面。Jquery 提交表单后使用值显示表单,jquery,html,Jquery,Html,我有一个提交用户名的表单,我想在sap rate表单中显示所有详细信息,但不想加载其他页面。 请帮助不确定,但这可能会帮助您,而不是制作新表单,这将有助于保存完整表单,然后显示它 使用 存储数据 然后通过jquery将这个变量传递给表单,它将与表单及其值一起显示。 像 如果您想登录,然后以另一种形式显示用户的详细信息,则需要在编写html的同时编写一些javascript <form id="login_form" action="/login" method="post">
请帮助不确定,但这可能会帮助您,而不是制作新表单,这将有助于保存完整表单,然后显示它 使用 存储数据 然后通过jquery将这个变量传递给表单,它将与表单及其值一起显示。 像
如果您想登录,然后以另一种形式显示用户的详细信息,则需要在编写html的同时编写一些javascript
<form id="login_form" action="/login" method="post">
<label>Username:</label>
<input type="text" name="username"/>
<label>Password:</label>
<input type="password" name="password" />
<input type="submit" value="Login" />
</form>
<form id="new_form">
<input type="text" name="value1" />
</form>
这是您一直在寻找的东西吗?到目前为止您做过任何尝试吗?然后使用ajax并防止表单提交
$('#ur div id').text(htmldata);
<form id="login_form" action="/login" method="post">
<label>Username:</label>
<input type="text" name="username"/>
<label>Password:</label>
<input type="password" name="password" />
<input type="submit" value="Login" />
</form>
<form id="new_form">
<input type="text" name="value1" />
</form>
$("#login_form").submit(function (event) {
event.preventDefault();
$.ajax("/login", {
method: 'POST',
data: $("#login_form").serialize(),
success: function (response, status) {
$("#new_form").find("input").val(reponse["value1"]);
},
error: function (response, status) {
}
});
});