ajaxSubmit
$("form").ajaxSubmit()介绍
http://www.cnblogs.com/qiantuwuliang/archive/2009/09/14/1566604.html
jQuery.extend 函数详解
http://www.cnblogs.com/RascallySnake/archive/2010/05/07/1729563.html
http://localhost:9527/shop/admin/tag!ggg.do?ajax=yes
cms返回json串
只要将action中的方法返回值写成
this.json="{result:111}";
return this.JSON_MESSAGE;
就可以了
hotword例子
public String listAllTag(){
List<Tag> taglist =tagManager.list();
String tagJson = JSONArray.fromObject(taglist).toString();
this.json = tagJson;
return this.JSON_MESSAGE;
}
public void ggg() throws IOException{
HttpServletResponse response = ServletActionContext.getResponse();
response.setContentType("text/html;charset=GBK");//解决中文乱码
PrintStream out = new PrintStream(response.getOutputStream());//获取out输出对象
out.println("111111");
}
经典例子
http://blog.csdn.net/xuanjiewu/article/details/8212626
jquery 的ajaxSubmit 异步提交
前台js
$("#nickForm").ajaxSubmit({
type: "post",
url: "http://localhost:8080/test/myspace.do?method=updateNick¶m=1",
dataType: "json",
success: function(result){
//返回提示信息
alert(result.nickMsg);
}
});
后台封装:
public ActionForward toUpdateNickName(ActionMapping mapping, ActionForm form,
HttpServletRequest request, HttpServletResponse response){
PrintWriter pw = response.getWriter();
JSONObject obj = new JSONObject();
obj.put("nickMsg", "昵称修改成功!");
pw.print(obj);
pw.close();
}
详细讲解
http://blog.csdn.net/h70614959/article/details/8810270
最近在使用ajaxForm,随便把使用方法记下下来,以便以后回顾。
1 ,引入依赖脚本
<script type="text/javascript" src="/js/jquery/jquery.form.js"></script> //ajaxForm 依赖脚本
<script type="text/javascript" src="/js/jquery/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="/js/jquery/jquery.easyui.min.js"></script>
2 使用方法
<form name="testForm" id="testForm" >
<input type="button" value="submit"/>
</form>
<script type="text/javascript">
var ajax_option={
url:"login",//默认是form action
success:function(data){
}
$('#testForm').ajaxSubmit(ajax_option);
}
</script>
//注意$("#testForm") 引号中名称必须要和form元素id值要保持一致
3 ajaxSubmit 和ajaxForm区别
ajaxForm不能提交表单。在document的ready函数中,使用ajaxForm来为AJAX提交表单进行准备。提交动作必须由submit开始
ajaxSubmit 马上由AJAX来提交表单。你可以在任何情况下进行该项提交。
4
option的参数
var options = {
target: '#output1', // target element(s) to be updated with server response
beforeSubmit: showRequest, // pre-submit callback
success: showResponse // post-submit callback
// other available options:
//url: url // override for form's 'action' attribute
//type: type // 'get' or 'post', override for form's 'method' attribute
//dataType: null // 'xml', 'script', or 'json' (expected server response type)
//clearForm: true // clear all form fields after successful submit
//resetForm: true // reset the form after successful submit
// $.ajax options can be used here too, for example:
//timeout: 3000
};
ajaxSubmit相关推荐
- JQuery读书笔记--JQuery-Form中的AjaxForm和AjaxSubmit的区别
JQuery中的AjaxForm和AjaxSubmit使用差不多功能也差不多.很容易误解. 按照作者的解释: AjaxForm ajaxForm不能提交表单.在document的ready函数中,使用 ...
- query插件之ajaxForm ajaxSubmit的理解用法
如今ajax满天飞,作为重点的form自然也受到照顾. 其实,我们在平常使用Jquery异步提交表单,一般是在submit()中,使用$.ajax进行.比如: $(function(){$('#myF ...
- jquery php 异步图片上传实例,php结合jquery异步上传图片(ajaxSubmit)
Ajax异步上传图片 functionsky_upfiles(){varmesstxt; $("#sky_upform").ajaxSubmit({//dataType:'scri ...
- jquery ajaxSubmit
$('#form1').submit(function() {$(this).ajaxSubmit({dataType: "jsonp",success: function(dat ...
- JQeury form插件的ajaxForm方法和ajaxSubmit方法的区别
为什么80%的码农都做不了架构师?>>> /*** ajaxForm() provides a mechanism for fully automating form subm ...
- 上传数据时 ajax请求成功 上传完成,ajaxSubmit请求返回数据成功,但是不执行success回调函数...
this.pluploader = new plupload.Uploader({ runtimes: 'html5,flash,silverlight,html4', //上传方式 headers: ...
- form插件的核心方法--ajaxForm(),ajaxSubmit()
方法1: <!DOCTYPE html> <meta charset="utf-8"> <html> <head> <titl ...
- jquery.form.js插件中ajaxSubmit提交在jquery1.4版本中的应用
作者:xyzroundo 下以处理的是对含有 <input type"file" /> 元素的表单,利用jquery.form 的ajaxSubmit方法进行类似aj ...
- php结合jquery异步上传图片(ajaxSubmit)
2019独角兽企业重金招聘Python工程师标准>>> php结合jquery异步上传图片(ajaxSubmit),以下为提交页面代码: <!DOCTYPE html PUBL ...
- ie8 ajaxSubmit 上传文件提示下载
转载 解决ie下ajaxsubmit上传文件提示下载文件问题 主要是应为放回类型为json,返回text/html 转载于:https://www.cnblogs.com/yang-C-J/p/896 ...
最新文章
- Transform(CTM,Translate,Rotate,Scale)
- 此模块的调试信息中缺少源信息_SpringBoot中的潜在漏洞分析
- 自定义View时,用到Paint Canvas的一些温故,讲讲平时一些效果是怎么画的(基础篇 一)...
- 【阿里妈妈数据科学系列】第五篇:实验指标设定方法与指标体系构建
- JVM GC日志说明
- 自如:全额承担“望京跑路二房东”受害客户损失,预计约500余万元
- mutiset HDOJ 5349 MZL's simple problem
- 用ZedGraph作图表(一)
- Postfix:邮件系统常见错误代码解释
- msiafterburner并行配置不正确_dubbo常用配置及使用场景
- TextBox的样式改成Lable
- 一层循环时间复杂度_数据结构与算法:算法的时间复杂度
- sas导出数据串行解决方案
- 刘意 java基础视频_传智播客 2015年 刘意_Java基础视频-深入浅出精华版 笔记(day21~day23)(2016年4月8日13:28:21)...
- sharepoint对nodejs的要求
- 文件或目录损坏,详细教您文件或目录损坏且无法读取怎么办
- 员工培训与开发实训心得体会_人力资源管理实训心得体会
- [转贴]给想立志入行网络或已经初入行的朋友的建议(一)
- 最全的 explain解释
- zoj Heavy Cargo
热门文章
- 微信怎么at所有人_微信怎么艾特所有人 微信艾特所有人方法
- python3---情感分析(基于词典中文)
- matlab产生pn序列,[求助]PN序列的产生
- 斑马打印机linux驱动安装教程,win7系统安装斑马打印机驱动的操作方法
- jdk1.6-64下载
- Redis 事务 实例
- lora终端连接云服务器_一种LoRa服务器及其数据传输方法与流程
- android:scaleType=centerCrop
- kycms1.3.0命令执行利用
- RTK_LIB 源码、可执行文件、rtkget、观测文件、星历文件(精密星历、广播星历)、精密钟差文件介绍