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 相关文章推荐
javascript 打印内容方法小结
Nov 04 Javascript
JS对外部文件的加载及对IFRMAME的加载的实现,当加载完成后,指定指向方法(方法回调)
Jul 04 Javascript
jquery 取子节点及当前节点属性值的方法
Aug 24 Javascript
javascript的tab切换原理与效果实现方法
Jan 10 Javascript
分享我对JS插件开发的一些感想和心得
Feb 04 Javascript
JavaScript中关键字 in 的使用方法详解
Oct 17 Javascript
Bootstrap基本组件学习笔记之下拉菜单(7)
Dec 07 Javascript
vue-cli下的vuex的简单Demo图解(实现加1减1操作)
Feb 26 Javascript
开发用到的js封装方法(20种)
Oct 12 Javascript
Vue中UI组件库之Vuex与虚拟服务器初识
May 07 Javascript
angular多语言配置详解
May 16 Javascript
解决vue cli4升级sass-loader(v8)后报错问题
Jul 30 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
PHP与javascript的两种交互方式
2006/10/09 PHP
PHP中的integer类型使用分析
2010/07/27 PHP
apache php mysql开发环境安装教程
2016/07/28 PHP
PHP unlink与rmdir删除目录及目录下所有文件实例代码
2018/02/07 PHP
PHP7 安装event扩展的实现方法
2019/10/08 PHP
PHP设计模式(三)建造者模式Builder实例详解【创建型】
2020/05/02 PHP
学习YUI.Ext 第七天--关于View&amp;JSONView
2007/03/10 Javascript
jquery 插件学习(六)
2012/08/06 Javascript
HTML复选框和单选框 checkbox和radio事件介绍
2012/12/12 Javascript
JS动态修改表格cellPadding和cellSpacing的方法
2015/03/31 Javascript
ES6学习之变量的解构赋值
2017/02/12 Javascript
react-native动态切换tab组件的方法
2018/07/07 Javascript
JavaScript日期工具类DateUtils定义与用法示例
2018/09/03 Javascript
在微信小程序中使用vant的方法
2019/06/07 Javascript
layui弹出框Tab选项卡的示例代码
2019/09/04 Javascript
vue与django集成打包的实现方法
2019/11/11 Javascript
JS校验与最终登陆界面功能完整示例
2020/01/13 Javascript
JS实现transform实现扇子效果
2020/01/17 Javascript
vue+element获取el-table某行的下标,根据下标操作数组对象方式
2020/08/07 Javascript
python中reduce()函数的使用方法示例
2017/09/29 Python
Python编程scoketServer实现多线程同步实例代码
2018/01/29 Python
Sanic框架流式传输操作示例
2018/07/18 Python
使用python求解二次规划的问题
2020/02/29 Python
PyQt5.6+pycharm配置以及pyinstaller生成exe(小白教程)
2020/06/02 Python
什么是Python中的顺序表
2020/06/02 Python
CSS3色彩模式有哪些?CSS3 HSL色彩模式的定义
2016/04/26 HTML / CSS
优衣库澳大利亚官网:UNIQLO澳大利亚
2017/01/18 全球购物
香港时装购物网站:ZALORA香港
2017/04/23 全球购物
餐饮收银员岗位职责
2014/02/07 职场文书
药店主任岗位责任制
2014/02/10 职场文书
策划总监岗位职责
2014/02/16 职场文书
行政专员岗位职责范本
2014/08/26 职场文书
个人纪律作风整改措施思想汇报
2014/10/12 职场文书
合法的离婚协议书范本
2014/10/23 职场文书
导游欢迎词范文
2015/01/23 职场文书
微信小程序 根据不同用户切换不同TabBar
2022/04/21 Javascript