Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/csharp-4.0/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 提交表单后使用值显示表单_Jquery_Html - Fatal编程技术网

Jquery 提交表单后使用值显示表单

Jquery 提交表单后使用值显示表单,jquery,html,Jquery,Html,我有一个提交用户名的表单,我想在sap rate表单中显示所有详细信息,但不想加载其他页面。 请帮助不确定,但这可能会帮助您,而不是制作新表单,这将有助于保存完整表单,然后显示它 使用 存储数据 然后通过jquery将这个变量传递给表单,它将与表单及其值一起显示。 像 如果您想登录,然后以另一种形式显示用户的详细信息,则需要在编写html的同时编写一些javascript <form id="login_form" action="/login" method="post">

我有一个提交用户名的表单,我想在sap rate表单中显示所有详细信息,但不想加载其他页面。
请帮助

不确定,但这可能会帮助您,而不是制作新表单,这将有助于保存完整表单,然后显示它

使用

存储数据

然后通过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) {
        }
    });
});