onsubmit 静止刷新提交

2024-10-04

防止表单提交时刷新页面-阻止form表单的默认提交行为

最近在写 ajax 提交的时候遇到一个问题,在执行 ajax 提交之后,浏览器页面自动刷新了,主要是没有由于form 表单的默认提交行为.一下是几种阻止 form 表单默认提交行为的方式. 1.使用button 按钮提交表单的时候,要设置type="button" button在浏览器中默认的类型为submit: 2.使用input 代替button ,设置type="button" 3.event.preventDefault(); 在提交事件绑定的方法的最后

axios页面无刷新提交from表单

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

Ajax.BeginForm()实现ajax无刷新提交

1. 同时安装 Microsoft jQuery Unobtrusive ajax 和 jQuery Unobtrusive Ajax,如下图安装完成之后多了如下的js库 2. 引用该js库 layout中引用即可实现ajax无刷新提交

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

为什么Form组件的表单提交可以做到无刷新? EasyUI在提交的时候,将表单作为一个隐藏的iframe进行的提交,并不是我们看到的那个表单进行的提交并且那个iframe使用了绝对定位,保证页面上不可见那么Form组件提交和Ajax提交怎么选择呢? 个人觉得大多数时候是差不多的,主要区别在于Form组件的提交本质还是表单,可以做到无刷新提交文件大概原理就是这样子

HTML无刷新提交表单

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

Ajax无刷新提交

<!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.org/1999/xhtml"> <head> <meta http-equiv="Content-

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

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

简单方法实现无刷新提交Form表单

前几天遇到一个前端的问题.我希望提交表单后页面不跳转且不刷新当前页面,然而查了很多方法都没有解决. 由于Form 是提交后一定刷新页面的,所以我们可以用一个折中的办法.我们给Form 指定一个iframe,这样表单提交后刷新的就是我们指定的iframe 而不是页面了. <iframe id="fraSubmit" name="fraSubmit" style="display:none;"></iframe> 定义完成后在

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

Ajax无刷新提交表单和显示

ajax无刷新表单提交: <!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.org/1999/xhtml"> <head> <meta http-equiv

不使用ajax,无刷新提交表单

<form action="form_action.asp" method="get" onsubmit"check_form()" target="newIframe"> </form> form表单也有target属性,可以指向到一个iframe. 将iframe提交后通过回调函数进行操作.

form表单target的用法，实现无刷新提交页面

form表单的target,当将iframe设置为隐藏时,可以实现当前页表单提交而不进行跳转刷新.代码如下,首页在页面里准备一个form表单和一个iframe. <form action="提交的action" method="post" target="myIframe"> ..................... </form> <iframe name="myIframe" style=&

打造颠覆你想象中的高性能，轻量级的webform框架---无刷新提交后台并返回参数（第五天）

问题5: 使用aspx 页面执行后台方法,总是要刷新整个页面?我想提交后台不刷新页面,同时返回参数执行前台的js 脚本,就是说类似于像 ajax 的效果一样,那我们该怎么做呢? 大家是否已经看了前面的文章,下面我们来总结一下如何去实现? 首先我们要知道 ,我们的aspx 页面默认情况下执行后台是通过 form1 表单提交到后台的,而我们前面 <from> 标签中,有一个属性叫做 target的属性,系统默认情况下是"-self",就是说返回的数据是指向自己的,

Ajax技术(WEB无刷新提交数据)

(转自:http://www.jb51.net/article/291.htm) Ajax内部交流文档一.使用Ajax的主要原因 1.通过适当的Ajax应用达到更好的用户体验: 2.把以前的一些服务器负担的工作转嫁到客户端,利于客户端闲置的处理能力来处理,减轻服务器和带宽的负担,从而达到节约ISP的空间及带宽租用成本的目的. 二.引用 Ajax这个概念的最早提出者Jesse James Garrett认为: Ajax是Asynchronous JavaScript and XML的缩写. Aja

Jquery Ajax自定义无刷新提交表单Form

Jquery的$.ajax方法可以实现ajax调用,要设置url,post,参数等. 如果要提交现有Form需要写很多代码,何不直接将Form的提交直接转移到ajax中呢. 以前的处理方法如Form代码如下: <form id="Form1" action="action.aspx" method="post" > 名称:<input name="name" type="text" /&

form表单无刷新提交

Ajax最大的特点就是可以不刷新页面而实现数据的通信及更改页面信息.那么用AJAX进行后台通信传递字符串还是可以的,遇到上传文件该怎么办呢?基于安全考虑,JS是不能直接进行文件操作的,只好用原始的from来提交文件上传了.这样一来,用form不就要刷新页面了吗?其实也不是. 给我们的from加一个target属性,并且将这个属性的值设置为隐藏的iframe的ID,这样一来,刷新的页面是我们隐藏的iframe,我们的页面就不会刷新了.这个方法,时广大前辈的知识和经验的结晶,我是不费吹灰之力拿来用了

form表单无刷新提交文件（iframe）

先看一段代码(PHP例子) 1.表单代码(form.html): <iframe name="testIframeName" style="display:none;"></iframe> <form target="testIframeName" method="post" action="formAction.php"> <input type="te

jquey ajax 无刷新提交form

http://bbs.csdn.net/topics/380237868 $.ajax({ type: "POST", url:ajaxCallUrl, data:$('#yourformid').serialize(),// 你的formid async: false, error: function(request) { alert("Connection error"); }, success: function(data) { $("#common

PHP 表单防止刷新提交的方法

当然,最直接的办法就是尽量不要使用自动提交的表单,然而,当我们需要网页主动post表单进行初始化时,就不得不面对这个问题了 --------------------------------------------------------------------- 摘自http://bbs.chinaunix.net/thread-667547-1-1.html 输出表单页面的时候:(举一个例子,并不完善) $intFlag = md5(time()); $strFlag = 'flag_$int

FORM表单不刷新提交POST数据

很多时候表单太多项,JQ懒的去处理了使用这个提交吧.和她讨论出去旅游,去哪里好呢,此时还和以前一样吗? function testaction(){ var f = $("#publishForm"); url = f.attr('action'); // 得到该 form 的提交路径,并赋值到 url // 以 post 方式提交, 回调函数function 返回 data var i = $.post(url, f.serialize(), function(data) { //

DEDE使用AJAX无刷新提交Form表单，PHP返回结果

$query = "INSERT INTO `{$diy->table}` (`id`, `ifcheck` $addvar) VALUES (NULL, 0 $addvalue); "; 引入phpmailer 加入下面代码: /*发送邮件*/ $addvalue_ary = explode(',', $addvalue); //由于DEDE是将全部表单数据提交过来.所以这里须要分隔一下. $addvar_ary = array( 1 => '称呼', 2 =>

onsubmit 静止刷新提交

热门专题