form提交数据后刷新但不跳转页面

2024-09-01

Form提交表单后页面刷新不跳转的实现

<form action="" id="" method="post" target="nm_iframe"> <input type="text" id="input_text" name="input_text"/> <input type="submit" id="sobmit" name=&

2016 系统设计第一期（档案一）jQuery ajax serialize()方法form提交数据

jQuery ajax serialize()方法form提交数据,有个很奇怪的问题,好像不能取到隐藏控件的值. //点击提交按钮保存数据 $('#btn_submitUser').click(function () { var UserId = $('#UserId').val(); if (UserId == "") { $.ajax({ type: "POST", url: '/Users/Create/', data: $("#SaveUserFo

js实现非模态窗口增加数据后刷新父窗口数据

父窗口是由两个部分组成,一个html的table,一部分是extjs的gird. 点击grid面板[增加]按钮将会弹出非模态窗口进行新数据的编辑页面下面是按钮的触发函数代码: var a = window.showModalDialog(url,window,"dialogWidth:900px;status:no;dialogHeight:480px;minimize:no;maximize:no"); if(a>=0){ winReflesh(store,a); }func

Ajax请求数据与删除数据后刷新页面

1.ajax异步请求数据后填入模态框请求数据的按钮(HTML) <a class="queryA" href="javascript:void(0)" onclick="query(${register.id})"> <span class="glyphicon glyphicon-search"></span></a> ajax异步请求数据后给id为queryInfo的模态

关于form表单提交数据后不跳转页面+ajax接收返回值的处理

1.前台的form表单建立,注意action.enctype的内容, 2.通过添加一个隐藏的iframe标签使form的target指向iframe来达到不跳转页面的效果,同时需要在js里获取iframe里的内容(即后台利用GSON传回来的返回值). 代码部分: <form id="form1" action="../PublishPostingsServlet" enctype="multipart/form-data" metho

form提交数据中文乱码问题总结

一:form在前台以post方式提交数据: 浏览器将数据(假设为“中国”)发送给服务器的时候,将数据变成0101的二进制数据(假设为98 99)时必然要查码表,浏览器以哪个码表打开网页,浏览器就以哪个码表提交数据.数据到达服务器后,数据(98 99)要封装到request中,在servlet中调用Request的getParameter方法返回的是字符串(“中国”),方法内部拿到数字后要转成字符,一定要查码表,由于request的设计者是外国人,所以默认查的是他们常用的ISO8859-1,这就是

模拟form提交数据

最近在做一个项目,发现ajax不能enctype=”multipart/form-data” 属性的表单,没办法,只能使用form表单直接提交的方法了,但是form表单直接提交会跳转页面,这样很不友好,也不是项目需求,于是上网搜索了一番,发现可以使用隐藏的iframe来实现. 具体的原理是form表单提交到iframe里面处理,而这个iframe是隐藏的,所以提交表单的时候当前页面没有发生任何变化. <form method="POST" action="../uplo

iframe 加form提交数据

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>伪造Ajax</title> </head> <body> <input type="text"> <form id="f1" action="/fakeajax/&

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

我们在用dedecms自定义表单提交成功后提示信息一般是"Dedecms 提示信息",这个要怎么改成自己想要的文字呢?还有就是提示页停留时间,目前估计就2秒,太快了,要如何设置长点呢?通过下面我们就来一起修改一下打开/include/common.func.php,大概在266行,改成自己的想要的文字,比如“您已经注册成功”. 自动跳转时间设为20秒,大概在237行,数字改为20000,如下面代码中的红色部分 : $limittime); $func = ''; if($gourl=

Ajax获取接口数据，url拼接参数跳转页面，js获取上一级页面参数给本页面

1.Ajax获取接口数据 function demo(){ //假设请求参数 var requestBody = [{ "name":"zhang", "age":"18" }]; //将值转换为JSON字符串 requestBody = JSON.stringify(requestBody); //发起Ajax请求 $.ajax({ //url填自己的 url:"", type:"post&qu

向后台提交数据：通过form表单提交数据需刷新网页但通过Ajax提交数据不用刷新网页可通过原生态Ajax或jqueryAjax。Ajax代码部分

原生态Ajax提交表单:需要借助XMLHttpRequest对象的open,要收通过post发送请求还要setRequsetHeader,然后把数据发送给后端,代码如下目录结构 index.py代码 #index.py #!/usr/bin/env python #-*- coding:utf-8 -*- import tornado.web import tornado.ioloop class indexHandler(tornado.web.RequestHandler): def ge

form提交不刷新，不跳转页面

利用 iframe 标签 ,后台form处理可以返回void <form action="" method="post" target="nm_iframe"> <input type="text" id="id_input_text" name="nm_input_text" /> <input type="submit" id=&qu

Ajax提交数据后，清空form表单

按钮不同,页面相同,还需要显示的数据不同,这里会由于页面的缓存问题,导致,每次点开这个页面显示的数据相同. 这不是我们想要的.这就需要清楚表单数据了. 如下: $('#myform')[0].reset(); 注意!!!!!!!这个方法试过不可以,下面的方法才靠谱!! $(':input','#form表单的id') .not(':button, :submit, :reset, :hidden') .val('') .removeAttr('checked') .removeAttr('sel

FORM提交请求后自动打开输出EDITOR_PKG.REPORT

DECLARE p_mode_request_id number := 1; p_ERRBUF VARCHAR2(250); p_RETCODE NUMBER; lv_msg varchar2(50);--出错信息 l_phase varchar2(50);--返回结果 l_status varchar2(50);--返回状态 l_dev_phase varchar2(50); l_dev_status varchar2(50); l_message varchar2(100);--请求返回信息

Form提交是会刷新页面的

今天发现如果页面中有form,点击提交按钮是会刷新页面的,为了禁止页面刷新行为,可以这么做: <form class="form-horizontal" id="user" role="form" onsubmit="submitUser(event)"> ...... </form> script // function submitUser(event){ //创建用户 event.preventD

C#页面添加提交数据后跳出小弹窗的功能

很简单,将小弹窗部分写进一个div,利用div的visible属性去控制是否显示,首先默认为false; 当后台程序执行到插入数据完成后,设置session状态值为‘yes’ 判断,当session状态值为空时,(session状态值必然不会是‘yes’),此时让小弹窗div不显示即可. 点击小弹窗上的关闭按钮,执行一个按钮事件,此时将session值再次设置为空值,至此便完成了全部的操作.

ajax删除数据后刷新页面

代码如图: 理解: 发送请求后删除name 属性为 name 的data;用rem .remove删除: 删除后找到页面上app的数量:定义page = len/12+1; 找到当前页是哪一页,如果len%12 == 0 page = currentPage ; 则 currePage -1;得到心得currentpage ;备用.

阻止form提交数据，通过ajax等上传数据

btn.click(function (event) { event.preventDefault(); // 组织发送 $.ajax({ ...}) })

thinkPHP5.0使用form表单提交数据和删除文章，不用TP的提示页面，使用弹出提示信息

form表单提交数据和删除文章时,TP的默认信息提示页面的看起来不是很好看,想要实现弹窗提示怎么做呢? 前端:可以使用前端的一个知识--iframe,iframe元素会创建包含另外一个文档的内联框架:target,规定在何处打开链接文档. 另外想要实现一个好看的方便.能重复使用的弹窗就要开发一个弹窗插件了,这里推荐使用前端的弹窗插件sweetalert.js,为了方便.重复使用我们把它成封装一个函数,页面要引入sweetalert.js的css和js文件后端:为了方便以后重复使用,先写一个公共

django 使用form组件提交数据之form表单提交

django的form组件可以减少后台在进行一些重复性的验证工作,极大降低开发效率. 最近遇到一个问题: 当使用form表单提交数据后,如果数据格式不符合后台定义的规则,需要重新在前端页面填写数据. 分析问题: 由于form的POST 请求发出去后会刷新整个页面,自然无法保留上次输入的内容. 解决问题: 采用ajax的方式发出请求,避免刷新整个页面. ajax是脑海里第一个冒出的想法,但经过了解form组件内部的更多参数以及原理,发现其实也可以在form发出 POST请求时保留上次输入的内容.这

Django—Form两种保留用户提交数据的方法

用户在网页上进行表单填写时,有可能出现某项填写错误.一般情况下,用户在未发觉错误的情况下点击提交,则此表单的内容会清空,用户不得不再重新填写,这样的用户体验是及其糟糕的. 在此,我们有2种方法将用户的输入保存下来,一旦填写错误,只需要将错误项修改即可重新提交. 一.利用Form生成Html标签 1. views.py from django.shortcuts import render, HttpResponse, redirect from django.forms import Form,

form提交数据后刷新但不跳转页面

热门专题