表单 - Form - 无刷新提交原理

为什么Form组件的表单提交可以做到无刷新?

EasyUI在提交的时候,将表单作为一个隐藏的iframe进行的提交,并不是我们看到的那个表单进行的提交

并且那个iframe使用了绝对定位,保证页面上不可见

那么Form组件提交和Ajax提交怎么选择呢?

个人觉得大多数时候是差不多的,主要区别在于Form组件的提交本质还是表单,可以做到无刷新提交文件

大概原理就是这样子

时间: 2024-10-07 17:14:48

表单 - Form - 无刷新提交原理的相关文章

jquery获取表单数据无刷新提交

var fdata=$("form").serialize();  //获取表单的值   $.post("tiaozhuan.jsp", fdata, function (result) {//无刷新提交表单      alert(result);   })

打造颠覆你想象中的高性能,轻量级的webform框架---无刷新提交后台(第四天)

问题3:使用webform,每次提交后台界面都要刷新,能不能让我们与后台 交互的时候像ajax一样,界面不用刷新,同时还能返回参数并且继续在前台执行??     相信很多人和我一样,这也是很多人开发放弃webform最重要的原因吧!!这也是很多人觉得webform不好的原因吧!!!其实mvc提交form表单  也会刷新,但是 视图中没有像webfrom一样的后台,所以必须使用 ajax 的方法提交后台,所以没有刷新! 其实这个问题的解决方案早在很多年前就已经解决了,只是知道的人不多,所以大家的印

jQuery实现form表单基于ajax无刷新提交方法详解

本文实例讲述了jQuery实现form表单基于ajax无刷新提交方法.分享给大家供大家参考,具体如下: 首先,新建Login.html页面: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.o

Struct1中 Form表单提交的几种方式以及无刷新提交的方式

直接action 无刷新提交 ajaxForm ajaxsubmit iform 暂记 回去整理

无刷新提交表单

有些时候,不能使用ajax来进行提交数据,必须用表单来提交,但是表单提交后刷新页面不可忍受,如何能进行表单无刷新提交呢. 近期在工作中就遇到了这个问题,经过深思熟虑还有和RD的仔细沟通.决定用iframe来解决这个问题. form的target属性不光有_blank,_self, _top, _parent属性,还有自定义属性噢! <form target="xxx"><form> <iframe name='xxx'></iframe>

纯html无刷新提交表单

<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="utf-8"> <title>无刷新提交表单</title> <style type="text/css"> ul{ list-style-type:none;} </style> </head> <body> &

HTML无刷新提交表单

通常对于无刷新提交表单,我们都是运用ajax实现的.前段时间跟着老大了解到另一种无刷新提交表单的方法.现在整理出来分享给大家. 第一种: (html页面) <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="utf-8"> <title>无刷新提交表单</title> <style type="text/css&qu

iframe实现面页无刷新提交表单

一.表单提交到了哪里? 这似乎是个无知的问题,我们都知道表单提交到服务器,java,php,asp等服务器,然后由服务器去读.那么之后呢,服务器总要返回点什么吧,要么返回 一个xml或json数据,要么返回一个页面,要么返回一个页面片段,但是返回到哪里了,这些结果在哪里展示?其实这就是常常被忽略的一个问题,尤其是 ajax用多了,觉得无刷新是理所当然的.在默认情况下,在什么页面提交的,就会将返回的数据(json或页面或页面片段)给这个页面.这里的页面指一个 框架,带有<html></ht

axios页面无刷新提交from表单

页面部分大概意思一下 1 <form method="post" enctype="multipart/form-data"> 2 ... 3 </form> axios部分代码以vue示例: //提交表单 onSubmit(e) { e = e || event; e.preventDefault(); let self = this; let formData = new FormData(); formData.append("