jquery ajaxSubmit

  1. <script type="text/javascript" src="jquery/jquery.js"></script></head>
  2. <script type="text/javascript" src="jquery/jquery.form.js"></script>
  3. <script type="text/javascript">
  4. $(function() {
  5. $("#loginform").submit(function(){
  6. $(this).ajaxSubmit({
  7. type:"post", //提交方式
  8. dataType:"json", //数据类型
  9. url:"${basePath}/login.action", //请求url
  10. success:function(data){ //提交成功的回调函数
  11. alert(data.result);
  12. }
  13. });
  14. return false; //不刷新页面
  15. });
  16. });
  17. </script>

附件列表

时间: 2024-10-11 06:40:01

jquery ajaxSubmit的相关文章

JQuery:$(...).ajaxSubmit is not a function

用jquery写表单回调的时候报的bug 正如stackover上说的 I'm guessing you don't have a jquery form plugin included. ajaxSubmit isn't a core jquery function, I believe. 意思就是说表单提交是单独的一个插件,没集成在jquery-版本号.min.js这个文件里,需要另外引入jquery-form.js,文件名自取.现在找到的官方最新的form插件代码: /*! * jQuer

atitit.ajax上传文件的实现原理 与设计

atitit.ajax上传文件的实现原理 与设计 1. 上传文件的三大难题 1 1.1. 本地预览 1 1.2. 无刷新 1 1.3. 进度显示 1 2.  传统的html4  + ajax 是无法直接实现上传文件 1 2.1. 传统的实现方式iframe 2 2.2. html5转码base64 3 2.3. 其它插件FLASH的实现原理 3 3. 上传进度的实现原理 3 3.1. 使用ajax结合服务端的进度返回,比較麻烦 4 4. 本地预览的解决 4 4.1. 用HTML5上传文件 4 5

使用joomla通过CSV文件上传数据存入数据库并使用JavaScript验证码是否符合规则

1,实现效果截图 2,A.php上传CSV文件表单 2-1:html结构使用jqeury.form.min.js表单框架异步提交 1 <div class="uploadFile border_bg"> 2 <form action="" method="post" id="formToUpdate"> 3 <div class="form-group"> 4 <l

jQuery form插件的使用--ajaxForm()和ajaxSubmit()的可选参数项对象

一.前提说明 Form Plugin API 里提供了很多有用的方法可以让你轻松的处理表单里的数据和表单的提交过程. 测试环境:部署到Tomcat中的web项目. 二.简单介绍 本文演示的是:jQuery form插件的使用--ajaxForm()和ajaxSubmit()的可选参数项对象 $('#myForm').ajaxForm(function() { $('#output1').html("提交成功!欢迎下次再来!").show(); }); $('#myForm2').sub

php结合jquery异步上传图片(ajaxSubmit)

php结合jquery异步上传图片(ajaxSubmit),以下为提交页面代码: <!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"> <he

JQuery Form AjaxSubmit(options)在Asp.net中的应用注意事项

所需引用的JS: 在http://www.malsup.com/jquery/form/#download 下载:http://malsup.github.com/jquery.form.js 在http://jquery.com/ 下载:http://code.jquery.com/jquery-1.7.2.min.js 注意事项: //dataType: "json",       //get的方式再设置此属性  //注意:from 如果是 runat="server&q

jQuery form插件----ajaxForm()和ajaxSubmit()方法的使用

我们在平常使用jQuery异步提交表单,一般是在submit()中,使用$.ajax进行.比如: $(function(){ $("#form1").submit(function(){ $.ajax({ url : url, data : $("#form1").serialize(), dataType : "json", success : function(data){ alert(data);} }); }); }); 这样的方式掩盖了

Jquery插件之ajaxForm ajaxSubmit的理解用法

如今ajax满天飞,作为重点的form自然也受到照顾. 其实,我们在平常使用Jquery异步提交表单,一般是在submit()中,使用$.ajax进行.比如: $(function(){ $('#myForm').submit(function(){ $.ajax({ url:"/WebTest/test/testJson.do", data:$('#myForm').serialize(), dataType:"json", error:function(data

Jquery 中 ajaxSubmit使用讲解

最近在使用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&quo