如何在 form 表单提交后实现页面不跳转

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何在 form 表单提交后实现页面不跳转相关的知识,希望对你有一定的参考价值。

参考技术A

用ajax 提交 

不要用提交按钮  用普通按钮  按钮的 click事件中 进行ajax 就可以

<html>
<script type="javascript">

function sub()
var  name= $("#uname").value();

$.ajax(
    url:url,
    data:uname:name,
    complete:function (data)
    // 这里获取后台数据 DATA 刷新当前页面的内容

)



</script>
<body>
<form id="fm1">
<input type="text"  id="uname" name="uname" value=""/>
<input type="button" id="bt1" value="提交"  onClick="javascript : sub()"/>
</form>
<body>

</html>

以上是关于如何在 form 表单提交后实现页面不跳转的主要内容,如果未能解决你的问题,请参考以下文章

asp中如何使表单提交数据后不跳转到该页面?

怎么实现php表单提交后不跳转

Form提交表单后页面刷新不跳转的实现

form 跳转不同页

form提交不跳转

java form表单提交到另一个jsp页面,但页面不跳转过去,求指点