Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.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
Html 提交表单后如何在当前选项卡中保留_Html_Jquery - Fatal编程技术网

Html 提交表单后如何在当前选项卡中保留

Html 提交表单后如何在当前选项卡中保留,html,jquery,Html,Jquery,我的问题是,即使在提交表单或刷新页面后,我仍希望保留当前选项卡 我的视图文件如下所示: <ul class='tabs'> <li><a href='#tab1'>Tab 1</a></li> <li><a href='#tab2'>Tab 2</a></li> </ul> <div id='tab1'> &l

我的问题是,即使在提交表单或刷新页面后,我仍希望保留当前选项卡

我的视图文件如下所示:

<ul class='tabs'>
        <li><a href='#tab1'>Tab 1</a></li>
        <li><a href='#tab2'>Tab 2</a></li>
    </ul>
<div id='tab1'>
        <h3>Section 1</h3>
        <p>Lorem ipsum dolor sit amet, consssectetur adipiscing elit. Donec lobortis placerat dolor id aliquet. Sed a orci in justo blandit commodo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.</p>
            <form id="form1" action="" method="post">            
  <input id="button-1" name="" type="submit" />
</form>
    </div>
<div id='tab2'>
<a name="tab2"></a>
        <h3>Section 2</h3>
        <p>Aenean et est tortor. In pharetra pretium convallis. Mauris sollicitudin ligula non mi hendrerit varius. Fusce convallis hendrerit mauris, eu accumsan nisl aliquam eu.</p>

  <form id="form2" action="" method="post">            
  <input id="button-2" name="" type="submit" />
</form>
    </div>
<div>
<h2>RESULTS </h2>
</div>    
第一节 Lorem ipsum Door sit amet,是一位杰出的顾问。做一个小手术。在justo blandit commodo里杀了一个兽人。肘关节或肘关节前前庭

第二节 埃尼人和侵权人。在仙人掌中。毛里斯·索利西图丁·利古拉·诺米·亨德雷特·瓦里乌斯(Mauris sollicitudin ligula non mi hendrerit varius)。Fusce convallis hendrerit mauris,eu accumsan nisl aliquam eu

结果
现在,我想在同一个选项卡中单击submit按钮,即使在post back之后

请帮我解决这个问题


谢谢

查看ajax表单提交,使用ajax,您不需要重新加载您的页面,也可以这样使用它

$("#form2").ajaxForm({url: 'server.php', type: 'post'})
然后看看这个答案:


查看ajax表单提交,使用ajax,您不需要重新加载所提交的页面,并且可以像这样使用它

$("#form2").ajaxForm({url: 'server.php', type: 'post'})
然后看看这个答案:


查看ajax表单提交,使用ajax,您不需要重新加载所提交的页面,并且可以像这样使用它

$("#form2").ajaxForm({url: 'server.php', type: 'post'})
然后看看这个答案:


查看ajax表单提交,使用ajax,您不需要重新加载所提交的页面,并且可以像这样使用它

$("#form2").ajaxForm({url: 'server.php', type: 'post'})
然后看看这个答案:


您需要使用ajax提交表单,以便让用户保持在同一页面上。基本上,您需要防止表单被提交,并使用ajax向服务器发送请求

您可以在此处查看一个好的教程:


您需要使用ajax提交表单,以便让用户保持在同一页面上。基本上,您需要防止表单被提交,并使用ajax向服务器发送请求

您可以在此处查看一个好的教程:


您需要使用ajax提交表单,以便让用户保持在同一页面上。基本上,您需要防止表单被提交,并使用ajax向服务器发送请求

您可以在此处查看一个好的教程:


您需要使用ajax提交表单,以便让用户保持在同一页面上。基本上,您需要防止表单被提交,并使用ajax向服务器发送请求

您可以在此处查看一个好的教程:


非常感谢。。我想这段代码可能适合我..@A.Wolff。。请将链接作为答案发布,这样我就可以将其标记为答案。非常感谢。。我想这段代码可能适合我..@A.Wolff。。请将链接作为答案发布,这样我就可以将其标记为答案。非常感谢。。我想这段代码可能适合我..@A.Wolff。。请将链接作为答案发布,这样我就可以将其标记为答案。非常感谢。。我想这段代码可能适合我..@A.Wolff。。请将链接发布为答案,以便我可以将其标记为答案