首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js – form表单提交不刷新

大家已经发现了, 当我们点击submit提交form表单的时候, 他会刷新一次, 如果不想它刷新的话有下面两种方法: 利用iframe 我们可以利用一个隐藏的iframe来实现, 主要是我们把提交目标放到一个隐藏的...onsubmit事件(用jq的话是submit()), 在submit按钮效果触发之前我们就把数据提交了, 然后我们return false(让submit这次的点击触发事件失效, 否则表单又会提交一次..., 并且刷新页面) 我们可以这样: ====== 如果你用原生js的话 html代码: form id="err_form" onsubmit="return post_data()"> form> js代码: function post_data(){ // ajax数据提交代码 // ........" /> form> js代码: $(document).ready(function() { $('#err_form').submit(function() { //这次我们这么绑定 var

14.5K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    js 模拟form表单post提交

    场景: 需要提交数据,且数据处理后,会跳转页面。(注:数据提交需要post) 思路1: 1. 参考ajax提交数据,进行处理,处理成功后返回到客户端 2....在客户端跳转页面 思路2: 使用form表格进行post提交 实现方法:需要创建一个form表格,且数据必须在form表格中,用Input表格元素存起来,效果如下: /// form 表单提交...var form2 = document.createElement("form"); form2.id="form2"; form2.method="post"; form2.action....appendChild(total); document.body.appendChild(form2); form2.submit(); //提交 ‍ 注:一定要记得加 document.body.appendChild...(form2); 上面form提交的方法,感觉传数据还是太麻烦了,必须写成form表单的元素,不知道有没有更加简单的方法,求指教

    12.2K10

    dedecms自定义表单提交成功后提示信息修改和跳转链接修改

    我们在用dedecms自定义表单提交成功后提示信息一般是"Dedecms 提示信息",这个要怎么改成自己想要的文字呢?还有就是提示页停留时间,目前估计就2秒,太快了,要如何设置长点呢?...自动跳转时间设为20秒,大概在237行,数字改为20000,如下面代码中的红色部分 $litime = ($limittime==0 ?...20000; $gourl = "javascript:history.go(-1);"; }   “请等待管理员审核”的提示语在/plus/diy.php  里修改   如果还要修改跳转地址...action=list&diyid={$diy->diyid}"; $bkmsg = '提交成功,请等待客服人员处理,20秒后自动返回......$cfg_cmspath : '/jinshi/'; $bkmsg = '提交成功,请等待客服人员处理,20秒后自动返回...'; }

    3K40

    【Mac】VSCode 更新1.73版本后JS&TS代码跳转异常

    前言 今天有小伙伴MacOS更新了VS Code版本后,说工程内的代码跳转全部异常了,没法正确跳转。 搞了两三个小时没搞出来,找到了我,让我帮忙瞧瞧。排查下来发现这问题有点意思,故此记录一下。...初步猜测是本地工程依赖坏了,重新安装,表现依旧; 尝试点击跳转,没有任何反应。继续跟进。 2. VS Code 个别插件启用导致? 所有插件依次关闭,重启VS Code,依旧没有任何用处;继续排查。...VS Code重启后,发现TypeScript配置区域依旧无;那这时候基本可以得出结论了,应用缓存或者部分配置导致编辑器初始化异常! 那么如何解决?一般来说,恢复“出厂设置”是最快的!...虽然解决了这个TypeScript和跳转异常的问题,那我们能不能进一步追溯其根因呢?继续~ 结论 事后小伙伴开启了Github同步VS Code的配置,然而登陆同步完成后又异常了!...查阅了官方文档资料后。发现内置插件也是可以控制的。 我们在扩展页面搜索@builtin,会出来VS Code内置插件列表,把这个插件禁用了,表现形式就一模一样了 事实的确如此。

    2.2K20

    使用ajax方法实现form表单的提交

    写在前面的话 在使用form表单的时候,一旦点击提交触发submit事件,一般会使得页面跳转,页面间的跳转等行为的控制权往往在后端,后端会控制页面的跳转及数据传递,但是在某些时候不希望页面跳转,或者说想要将控制权放在前端...,通过js来操作页面的跳转或者数据变化。...一般这种异步的操作,我们都会想到ajax方式,因此在实现了功能后就整理了这篇文章,通过ajax方法实现form表单的提交并进行后续的异步操作。 常见的form表单提交方式 点击登录按钮后,即触发form表单的提交事件,数据传输至后端,由后端控制页面跳转和数据。...ajax实现form提交方式 修改完成后代码如下: <!

    3.1K50

    JQuery基础概念知识

    AJAX:即“Asynchronous Javascript And XML”(异步JavaScript和XML),可以不刷新页面完成数据库操作(包括查询并返回数据),在验证输入时有很重要的作用。...带有min的文件打开后是没有缩进的,不带min的那个是完整格式的,打开后是有良好格式的js代码,方便阅读和修改(一般不要改) 应用 首先在html文档中写一个输入框和两个按钮:1234form action...>标签中的type类型”submit”是提交form标签之间文本框中输入的数据; 标签中的type类型”reset”是重置form标签之间文本框中输入的数据为空; form>中的action...属性标示了按下提交按钮后的跳转,可以是一个简单的网址,也可以是一个action的名字(框架中); form>中的onsubmit’属性标示了跳转之前要检查onsubmit的值,false则不跳转,true...使用之前要确定正确 比较字符串可以用if(account=="example")等方式来比较;其对象还有length属性,直接获取字符串长度; doCheck完成的是判断用户输入内容的长度,在6-30位是正确的,点击提交会跳转到

    1.2K10

    域名怎样实现自动跳转网页_域名

    如下所示:   <meta http-equiv=”refresh” content=”10;   其中的“10”是告诉浏览器在页面加载5秒钟后自动跳转到url这个页面。   ...如果在论坛上发信息,先会看到一个确认页面,几秒后会自动重新跳转回当前的论坛页面中。   从搜索引擎优化的角度出发,一般不希望自动转向有延迟。...,所以不会出现当用户点击返回按钮后返回至重定向页,然后该页自动跳转到用户本来想离开的那个页面的尴尬情形。   ...” src=”filename.js”>   注意:若需实现即刻转向,或不希望人们看到转向前的那个页面,一般常用javascript脚本实现。...表单(FORM)自动转向法   搜索引擎的“爬行”程序是不会填写表单的,所以它们也不会注意到提交表单,因而可以利用表单来实现自动转向(重定向)而不让搜索引擎察觉。

    7.5K30

    Ajax笔记(3)-axios

    设置请求头 我们写一个请求头的配置: 现在我们学习ajax提交表单 什么是表单 表单在网页中主要负责数据采集功能,HTML中的form>标签,就是用来采集用户输入的信息,并通过form>...标签的提交操作,把采集到的信息提交到服务器端进行处理 比如这个界面中红色方框中的部分,都是在form标签中的↓ 表单的组成部分 form标签的属性 form>标签用来采集数据,form...>标签的属性则是用来规定如何把采集到的数据发送到服务器 action action属性的值应是后端提供的一个URL地址,这个URL地址专门负责接收表单提交过来的数据,当form表单在未指定action...注意:当提交表单后,页面会立即跳转到action属性指定的URL地址 target target属性用来规定在何处打开action URL 它的可选值有5个,默认情况下,target的值是_...把表单数据交到actionURL enctype 但是表单提交的方式有很多缺点,①页面会发生跳转②页面之前的状态和数据会丢失 解决方案: 表单值负责采集数据,ajax负责将数据提交到数据 URL

    81020
    领券