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 相关文章推荐
解决FireFox下[使用event很麻烦]的问题
Nov 26 Javascript
AJAX分页的代码(后台asp.net)
Feb 14 Javascript
关闭ie窗口清除Session的解决方法
Jan 10 Javascript
node.js适合游戏后台开发吗?
Sep 03 Javascript
在JavaScript中操作时间之setYear()方法的使用
Jun 12 Javascript
JavaScript给input的value赋值引发的关于基本类型值和引用类型值问题
Dec 07 Javascript
深入浅析JavaScript的API设计原则
Jun 14 Javascript
jQuery实现表格元素动态创建功能
Jan 09 Javascript
axios全局请求参数设置,请求及返回拦截器的方法
Mar 05 Javascript
js+canvas实现验证码功能
Sep 21 Javascript
详解JavaScript中typeof与instanceof用法
Oct 24 Javascript
JavaScript回调函数callback用法解析
Jan 14 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
Zend Framework生成验证码并实现验证码验证功能(附demo源码下载)
2016/03/22 PHP
Laravel5.1数据库连接、创建数据库、创建model及创建控制器的方法
2016/03/29 PHP
基于PHP实现通过照片获取ip地址
2016/04/26 PHP
PHP实现验证码校验功能
2017/11/16 PHP
模拟用户操作Input元素,不会触发相应事件
2007/05/11 Javascript
javascript引导程序
2008/10/26 Javascript
raphael.js绘制中国地图 地图绘制方法
2014/02/12 Javascript
JavaScript使用focus()设置焦点失败的解决方法
2014/09/03 Javascript
JavaScript的Polymer框架中dom-repeat与VM的相关操作
2015/07/29 Javascript
javascript实现tab切换的四种方法
2015/11/05 Javascript
JavaScript+canvas实现七色板效果实例
2016/02/18 Javascript
js获取页面及个元素高度、宽度的代码
2016/04/26 Javascript
js事件驱动机制 浏览器兼容处理方法
2016/07/23 Javascript
Js 获取、判断浏览器版本信息的简单方法
2016/08/08 Javascript
jQuery和JavaScript节点插入元素的方法对比
2016/11/18 Javascript
jQuery实现限制文本框的输入长度
2017/01/11 Javascript
jQuery实现复选框的全选和反选
2017/02/02 Javascript
JS倒计时实例_天时分秒
2017/08/22 Javascript
AngularJS使用ng-repeat遍历二维数组元素的方法详解
2017/11/11 Javascript
Vue2.0 http请求以及loading展示实例
2018/03/06 Javascript
vue项目首屏加载时间优化实战
2019/04/23 Javascript
javascript网页随机点名实现过程解析
2019/10/15 Javascript
JavaScript常用8种数组去重代码实例
2020/09/09 Javascript
python+splinter自动刷新抢票功能
2018/09/25 Python
pytorch 加载(.pth)格式的模型实例
2019/08/20 Python
使用TensorFlow-Slim进行图像分类的实现
2019/12/31 Python
python实现爱奇艺登陆密码RSA加密的方法示例详解
2020/05/27 Python
来自世界各地的优质葡萄酒:VineShop24
2018/07/09 全球购物
澳大利亚珠宝商:Shiels
2019/10/06 全球购物
META-INF文件夹中的MANIFEST.MF的作用
2016/06/21 面试题
村官工作鉴定评语
2014/01/27 职场文书
员工保密承诺书
2014/05/28 职场文书
2015圣诞节贺卡寄语
2015/03/24 职场文书
2015年节能减排工作总结
2015/05/14 职场文书
钱学森观后感
2015/06/04 职场文书
Django给表单添加honeypot验证增加安全性
2021/05/06 Python