iframe无刷新提交表单，iframe仿ajax提交表单

本文摘要

使用ajax可以实现无刷新提交表单，但有人表示ajax的效率不行，或者是其他缺点，例如客户端臃肿，太多客户段代码造成开发上的成本，如果网速慢，则会出现ajax请求缓慢，页面空白的情况，对客户的体验不好。ajax请求不利于搜索引擎优化，一般搜不到ajax添加到页面的信息。

这次就介绍一下iframe仿造ajax异步请求，实际上iframe是同步请求，只是把提交的跳转，发生在iframe的可视区域内。

代码

index.html

    
    
    



iframe提交表单

    

    

    

check.php

账号和密码不得为空
";
}else if ($user == '' ) {
    echo "
账号不得为空
";
}else if ($pwd == '' ) {
    echo "
密码不得为空
";
}else{
    echo "
你提交的账号是：".$user."
你提交的密码是：".$pwd."
";
}
?>

动图演示

在线演示

http://www.likeyunba.com/demo...

本文作者

Author:TANKING
Date:2021-01-13
Wechat:sansure2016
Web:http://www.likeyun.cn/
Qrcode:Join in