ajax实现无刷新提交,【jQuery】将form表单通过ajax实现无刷新提交

//将form转换为AJAX提交

function ajaxSubmit(url,frm,fn){

var dataPara=getFormJson(frm);

$.ajax({

url:url,

type:"post",

data:dataPara,

async:false,

dataType:'txt',

success:fn

});

}

//将form中的值转换为键值对

function getFormJson(frm){

var o={};

var a=$(frm).serializeArray();

$.each(a,function(){

if(o[this.name]!==undefined){

if(!o[this.name].push){

o[this.name]=[o[this.name]];

}

o[this.name].push(this.value || '');

}else{

o[this.name]=this.value || '';

}

});

return o;

}

/*

//前台调用方式

function autoSubmitFun(){

ajaxSubmit("autoSumitScoreAJAX.action",$('#formId'),function(){});

}

*/

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

本文实例讲述了jQuery实现form表单基于ajax无刷新提交方法.分享给大家供大家参考,具体如下: 首先,新建Login.html页面: quo ...

jquery序列化form表单使用ajax提交后处理返回的json数据

1.返回json字符串: /** 将一个字符串输出到浏览器 */ protected void writeJson(String json) { PrintWriter pw = null; try ...

jquery序列化from表单使用ajax提交返回json数据(使用struts2注解result type = json)

1.action类引入struts2的"json-default"拦截器栈 @ParentPackage("json-default") //示例 @Paren ...

thinkphp处理jQuery EasyUI form表单问题

jQuery EasyUI form表单不是ajax方式提交,而是在提交的时候新建一个隐藏的iframe并在iframe里面创建一个与绑定表单一样的表单,然后在iframe里面进行同步提交而不是异步提 ...

form表单的ajax验证2

form表单的ajax验证2:

关于form表单或者Ajax向后台发送数据时，数据格式的探究

最近在做一个资产管理系统项目,其中有一个部分是客户端向服务端发送采集到的数据的,服务端是Django写的,客户端需要用rrequests模块模拟发送请求 假设发送的数据是这样的: data = {'s ...

基于Bootstrap+jQuery.validate Form表单验证实践

基于Bootstrap jQuery.validate Form表单验证实践 项目结构 :     github 上源码地址:https://github.com/starzou/front-end- ...

laravel中form表单，ajax传值没反应

laravel中form表单,ajax传值没反应时,可能是令牌有问题. form中添加: {{csrf_token()}} ajax中添加: data: {'page': page, '_token' ...

Django框架 之 Form表单和Ajax上传文件

Django框架 之 Form表单和Ajax上传文件 浏览目录 Form表单上传文件 Ajax上传文件 伪造Ajax上传文件 Form表单上传文件 html 1 2 3 4 5 6 7

随机推荐

深度解析C语言int与unsigned int

就如同int a:一样,int 也能被其它的修饰符修饰.除void类型外,基本数据类型之前都可以加各种类型修饰符,类型修饰符有如下四种:1.signed----有符号,可修饰char.int.Int是 ...

蓝凌表单的表体调用Javascript

应用场景:像请假类表单会在从表输入开始时间.结束时间等字段 需求1:客户希望根据开始.结束时间自动计算小时数 解决方法: 1.主表单增加一行,设三个字段[开始时间合计].[结束时间合计].[开始结束时 ...

[Flex] as3xls读取excel，修改保存单表(一)

经过大神修改过的as3xls支持中文,并可以修改保存单一sheet,保存后原有的excel样式均会消失,目前仅能如此. <?xml version="1.0" encodin ...

【大数模板】C&plus;&plus;大数类 大数模板

分别使用C++中的运算符重载的方法来实现大数之间的数学运算,包括加法.减法.乘法.除法.n次方.取模.大小比较.赋值以及输入流.输出流的重载. 感觉很麻烦... [代码] #include

JavaScript高级程序设计(学习笔记)

第13章 事件 一.事件 1.1事件冒泡:事件发生时从里面向外传播   如:div>body>html>document 1.2事件捕获:事件发生时从外层向里层传播   如  doc ...

清除eclipse项目中没用的图片、js、css代码

import java.io.BufferedReader; import java.io.File; import java.io.FileReader; import java.io.IOExce ...

2019-4-25 html学习笔记

一.概念 文本   用于储存和记录文字信息的载体 html  超文本标记语言(本质就是给文本增加语义 如

就是给文字添加一级标题的语义) 注:互联网三大基石 有 ...

Java并发编程(三)Thread类的使用

一.线程的状态 线程从创建到最终的消亡,要经历若干个状态.一般来说,线程包括以下这几个状态:创建(new).就绪(runnable).运行(running).阻塞(blocked).time wait ...

day06数据类型----元组、字典、集合

一.元组(tuple):     python中将一些不能修改的值称为不可变的,而不可变的列表则被称之为元组. 注意元组一旦被定义则不可修改,因此一般我们不定义空元组. 元组是有序的,可存放多个数据| ...

BUG管理工具——Mantis安装配置

配置环境: CentOS6.5(所有操作在root用户下面操作) 1. 关闭防火墙, service iptables stop(防止防火墙捣乱,或者还得手动添加端口号的麻烦) 2. Disable ...