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 offsetX与layerX区别
Mar 12 Javascript
a标签的href和onclick 的事件的区别介绍
Jul 26 Javascript
jQuery过滤选择器用法分析
Feb 10 Javascript
jQuery源码解读之removeClass()方法分析
Feb 20 Javascript
详解Bootstrap四种图片样式
Jan 04 Javascript
详解JS几种变量交换方式以及性能分析对比
Nov 25 Javascript
一句jQuery代码实现返回顶部效果(简单实用)
Dec 28 Javascript
JS正则表达式验证中文字符
May 08 Javascript
react学习笔记之state以及setState的使用
Dec 07 Javascript
Vue路由 重定向和别名的区别说明
Sep 09 Javascript
解决Antd Table表头加Icon和气泡提示的坑
Nov 17 Javascript
JavaScript实现淘宝商品图切换效果
Apr 29 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 会话(session 时间设定)使用入门代码
2008/06/05 PHP
使用php显示搜索引擎来的关键词
2014/02/13 PHP
php解决安全问题的方法实例
2019/09/19 PHP
Laravel 6.2 中添加了可调用容器对象的方法
2019/10/22 PHP
javascript 跨浏览器开发经验总结(五) js 事件
2010/05/19 Javascript
SWFObject基本用法实例分析
2015/07/20 Javascript
详解JavaScript数组的操作大全
2015/10/19 Javascript
javascript和jQuery实现网页实时聊天的ajax长轮询
2016/07/20 Javascript
Javascript中的对象和原型(二)
2016/08/12 Javascript
js自调用匿名函数的三种写法(推荐)
2016/08/19 Javascript
JS实现图片上传预览功能
2016/11/21 Javascript
想学习javascript JS和jQuery哪个重要 先学哪个
2016/12/11 Javascript
如何编写一个完整的Angular4 FormText 组件
2017/11/18 Javascript
nodejs高大上的部署方式(PM2)
2018/09/11 NodeJs
基于Vue实现的多条件筛选功能的详解(类似京东和淘宝功能)
2019/05/07 Javascript
使用vue-cli3 创建vue项目并配置VS Code 自动代码格式化 vue语法高亮问题
2019/05/14 Javascript
Nuxt的路由动画效果案例
2020/11/06 Javascript
[00:09]DOTA2新版本PA至宝特效动作展示
2014/11/19 DOTA
python实现bitmap数据结构详解
2014/02/17 Python
python实现可将字符转换成大写的tcp服务器实例
2015/04/29 Python
浅谈Python由__dict__和dir()引发的一些思考
2017/10/30 Python
Windows 7下Python Web环境搭建图文教程
2018/03/20 Python
python docx 中文字体设置的操作方法
2018/05/08 Python
python递归全排列实现方法
2018/08/18 Python
Python实现获取当前目录下文件名代码详解
2020/03/10 Python
css3学习之2D转换功能详解
2016/12/23 HTML / CSS
HTML5 File API改善网页上传功能
2009/08/19 HTML / CSS
HTML5拖放API实现自动生成相框功能
2020/04/07 HTML / CSS
印尼在线精品店:Berrybenka.com
2016/10/22 全球购物
Solid & Striped官网:美国泳装品牌
2019/06/19 全球购物
命名空间(namespace)和程序集(Assembly)有什么区别
2015/09/25 面试题
优秀体育委员自荐书
2014/01/31 职场文书
销售总经理岗位职责
2014/03/15 职场文书
关于美容院的活动方案
2014/08/14 职场文书
吧主申请感言怎么写
2015/08/03 职场文书
Nginx实现高可用集群构建(Keepalived+Haproxy+Nginx)
2021/05/27 Servers