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 相关文章推荐
Display SQL Server Version Information
Jun 21 Javascript
关于javascript document.createDocumentFragment()
Apr 04 Javascript
jQuery 获取对象 根据属性、内容匹配, 还有表单元素匹配
May 31 Javascript
JavaScript.The.Good.Parts阅读笔记(二)作用域&amp;闭包&amp;减缓全局空间污染
Nov 16 Javascript
javascript nextSibling 与 getNextElement(node) 使用介绍
Oct 13 Javascript
js Math 对象的方法
Sep 01 Javascript
jQuery内置的AJAX功能和JSON的使用实例
Jul 27 Javascript
Node.js事件循环(Event Loop)和线程池详解
Jan 28 Javascript
bootstrap modal+gridview实现弹出框效果
Aug 15 Javascript
手把手教你使用vue-cli脚手架(图文解析)
Nov 08 Javascript
详解微信小程序文件下载--视频和图片
Apr 24 Javascript
JavaScript图像放大镜效果实现方法详解
Jun 28 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实现小型站点广告管理
2006/10/09 PHP
PHP防CC攻击实现代码
2011/12/29 PHP
ThinkPHP采用GET方式获取中文参数查询无结果的解决方法
2014/06/26 PHP
zen_cart实现支付前生成订单的方法
2016/05/06 PHP
PHP获取IP地址所在地信息的实例(使用纯真IP数据库qqwry.dat)
2016/11/15 PHP
Laravel框架执行原生SQL语句及使用paginate分页的方法
2018/08/17 PHP
php桥接模式应用案例分析
2019/10/23 PHP
使用滤镜设置透明导致 IE 6/7/8/9 解析异常的解决方法
2011/04/07 Javascript
jquery 追加tr和删除tr示例代码
2013/09/12 Javascript
js判断是否为ie的方法小结
2014/01/13 Javascript
使用javascript做的一个随机点名程序
2014/02/13 Javascript
JavaScript事件委托的技术原理探讨示例
2014/04/17 Javascript
js结合正则实现国内手机号段校验
2015/06/19 Javascript
基于Javascript实现二级联动菜单效果
2016/03/04 Javascript
jQuery validate插件功能与用法详解
2016/12/15 Javascript
jQuery插件FusionCharts绘制的2D帕累托图效果示例【附demo源码】
2017/03/28 jQuery
angularjs中回车键触发某一事件的方法
2017/04/24 Javascript
es6学习笔记之Async函数基本教程
2017/05/11 Javascript
JavaScript中一些特殊的字符运算
2017/08/17 Javascript
angularjs利用directive实现移动端自定义软键盘的示例
2017/09/20 Javascript
在vue2.0中引用element-ui组件库的方法
2018/06/21 Javascript
Angular(5.2-&gt;6.1)升级小结
2018/12/27 Javascript
Python程序中使用SQLAlchemy时出现乱码的解决方案
2015/04/24 Python
Apache如何部署django项目
2017/05/21 Python
Python实现Kmeans聚类算法
2020/06/10 Python
python 字符串和整数的转换方法
2018/06/25 Python
Python字符串匹配之6种方法的使用详解
2019/04/08 Python
Python 迭代,for...in遍历,迭代原理与应用示例
2019/10/12 Python
Python Flask上下文管理机制实例解析
2020/03/16 Python
机电工程专业应届生求职信
2013/10/03 职场文书
路政管理专业推荐信
2013/11/11 职场文书
高三霸气励志标语
2014/06/24 职场文书
2014年入党积极分子党校培训心得体会
2014/07/08 职场文书
甜品店创业计划书
2014/08/14 职场文书
财务出纳岗位职责
2015/03/31 职场文书
Mysql中调试存储过程最简单的方法
2021/06/30 MySQL