ajax实现提交数据并且不跳转

前端之家收集整理的这篇文章主要介绍了ajax实现提交数据并且不跳转前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
<form id="myform" action="submit.PHP" method="post">
<textarea name="saytxt" rows="2" cols="40"></textarea>
<input type="submit" value="提交"/>
</form>

如上方所示,首先还是建立表单。传统的方式,发送数据后页面跳转到submit.PHP

如果页面的载入函数,$(function() …… 返回了一个false,数据将不会发送,也就是action不执行。

类似

<form id="myform" action="submit.PHP" method="post" onsubmit="return false;">
这种情况下,action=什么已经没有意义了,只要合法就好。

这句话放在ajax语句执行完后就可以了


上面的ajax文件将数据post到submit.PHP同时返回html类型数据,如果成功返回就讲执行success里面的函数,下面的return false禁用了action的功能,所以页面并没有发生跳转哦。

原文链接:https://www.f2er.com/ajax/162614.html

猜你在找的Ajax相关文章