jQuery异步提交表单的两种方式


Posted in Javascript onSeptember 13, 2016

本文为大家分享了两种jQuery异步提交表单的方式,具体内容如下

第一种方式:普通ajax方式提交 

$(function(){
 $('#send').click(function(){
   $.ajax({
    type: "GET",
    url: GLOBAL_PATH + "/Enterprise/savecompanyphoto",
    data: {username:$("#username").val(),  content:$("#content").val()},
    dataType: "json",
    success: function(data){
    $('#resText').empty(); //清空resText里面的所有内容
    var html = ''; 
    $.each(data, function(commentIndex, comment){
     html += '<div class="comment"><h6>' + comment['username']
        + ':</h6><p class="para"' + comment['content']
        + '</p></div>';
    });
    $('#resText').html(html);
   }
   });
 });
});

第二种方式:普通ajaxSubmit方式提交表单

<script src="jquery.form.js" type="text/javascript"></script>
<script src="dialog.js?lib=false" type="text/javascript"></script>src="jquery.min.js" type="text/javascript">

function uploader_img(){
 var optionsSave={
   type: "POST",
   url: GLOBAL_PATH + "/Enterprise/savecompanyphoto",
   data:$('#addImg').serialize(),
   success: function (data) {
    if (data.code == 0) {
     AlertMini('alt1', "上传图片成功!", 'success.gif', 2);
     window.location.reload();
    } else {
     AlertMini('alt1', "上传图片失败!", 'error.gif', 2);
    }
   },
   error: function (data) {
    AlertMini('alt1', "上传图片失败!", 'error.gif', 2);
   }
  }
  $('#addImg').ajaxSubmit(optionsSave);
  }

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
将HTML自动转为JS代码
Jun 26 Javascript
借助script进行Http跨域请求:JSONP实现原理及代码
Mar 19 Javascript
JS对文本框值的判断示例
Mar 10 Javascript
JavaScript对HTML DOM使用EventListener进行操作
Oct 21 Javascript
jquery封装插件时匿名函数形参和实参的写法解释
Feb 14 Javascript
vue2.0 父组件给子组件传递数据的方法
Jan 15 Javascript
在Vue methods中调用filters里的过滤器实例
Aug 30 Javascript
react 移动端实现列表左滑删除的示例代码
Jul 04 Javascript
node.js实现上传文件功能
Jul 15 Javascript
在Vue项目中使用Typescript的实现
Dec 19 Javascript
微信小程序indexOf的替换方法(推荐)
Jan 14 Javascript
Node 模块原理与用法详解
May 13 Javascript
浅谈JS之tagNaem和nodeName
Sep 13 #Javascript
JS简单实现禁止访问某个页面的方法
Sep 13 #Javascript
JS之获取样式的简单实现方法(推荐)
Sep 13 #Javascript
JS实现可编辑的后台管理菜单功能【附demo源码下载】
Sep 13 #Javascript
轻松实现js弹框显示选项
Sep 13 #Javascript
JS制作图形验证码实现代码
Oct 19 #Javascript
JS防止网页被嵌入iframe框架的方法分析
Sep 13 #Javascript
You might like
从刷票了解获得客户端IP的方法
2015/09/21 PHP
php常用正则函数实例小结
2016/12/29 PHP
php面向对象程序设计入门教程
2019/06/22 PHP
可在线编辑网页文字效果代码(单击)
2013/03/02 Javascript
jQuery制作的别致导航有阴影背景高亮模式窗口
2014/04/15 Javascript
JavaScript中的类数组对象介绍
2014/12/30 Javascript
JavaScript从数组的indexOf()深入之Object的Property机制
2016/05/11 Javascript
JavaScript中的boolean布尔值使用学习及相关技巧讲解
2016/05/26 Javascript
jQuery Validate表单验证插件的基本使用方法及功能拓展
2017/01/04 Javascript
Angular.js中处理页面闪烁的方法详解
2017/03/09 Javascript
Vue.js 动态为img的src赋值方法
2018/03/14 Javascript
利用JS实现一个同Excel表现的智能填充算法
2018/08/13 Javascript
bootstrap table实现横向合并与纵向合并
2019/07/18 Javascript
js实现提交前对列表数据的增删改查
2020/01/16 Javascript
[01:03]PWL开团时刻DAY6——别打我
2020/11/05 DOTA
Python实现的一个找零钱的小程序代码分享
2014/08/25 Python
Python socket.error: [Errno 98] Address already in use的原因和解决方法
2014/08/25 Python
python的即时标记项目练习笔记
2014/09/18 Python
使用Python脚本将绝对url替换为相对url的教程
2015/04/24 Python
Python基础教程之浅拷贝和深拷贝实例详解
2017/07/15 Python
python机器学习库常用汇总
2017/11/15 Python
Python设计模式之外观模式实例详解
2019/01/17 Python
Python 调用 Outlook 发送邮件过程解析
2019/08/08 Python
python3.7 利用函数os pandas利用excel对文件名进行归类
2019/09/29 Python
如何基于python实现脚本加密
2019/12/28 Python
OpenCV python sklearn随机超参数搜索的实现
2020/01/17 Python
python3中sys.argv的实例用法
2020/04/24 Python
Python中logging日志记录到文件及自动分割的操作代码
2020/08/05 Python
Python join()函数原理及使用方法
2020/11/14 Python
整理HTML5移动端开发的常用触摸事件
2016/04/15 HTML / CSS
享受加州生活方式的时尚舒适:XCVI
2018/07/09 全球购物
英国最全面的橄榄球联盟门票网站:Live Rugby Tickets
2018/10/06 全球购物
农村结婚典礼司仪主持词
2014/03/14 职场文书
文明和谐家庭事迹材料
2014/05/18 职场文书
保送生自荐信范文
2015/03/26 职场文书
HashMap实现保存两个key相同的数据
2021/06/30 Java/Android