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

 更新时间:2016年09月13日 14:21:58   作者:qq_35661734  
这篇文章主要为大家详细介绍了jQuery异步提交表单的两种方式,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文为大家分享了两种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);
  }

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

相关文章

  • jQuery向父辈遍历的简单方法

    jQuery向父辈遍历的简单方法

    下面小编就为大家带来一篇jQuery向父辈遍历的简单方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-09-09
  • 浅谈EasyUI中Treegrid节点的删除

    浅谈EasyUI中Treegrid节点的删除

    本文给大家介绍的是EasyUI中树节点(Treegrid节点)的删除的方法和示例,这里推荐给大家,希望对大家能有所帮助。
    2015-03-03
  • jquery 卷帘效果实现代码(不同方向)

    jquery 卷帘效果实现代码(不同方向)

    卷帘效果在生活中应用比较广泛,因为它的视觉效果比较不错,本文用代码实现一个,感兴趣的朋友不妨了解一下,或许对你学习jquery有所帮助,好了话不多说切入正题
    2013-02-02
  • jquery UI实现autocomplete在获取焦点时得到显示列表功能示例

    jquery UI实现autocomplete在获取焦点时得到显示列表功能示例

    这篇文章主要介绍了jquery UI实现autocomplete在获取焦点时得到显示列表功能,结合实例形式分析了jquery UI实现autocomplete事件响应及显示下拉列表功能操作技巧,需要的朋友可以参考下
    2019-06-06
  • jQuery电话号码验证实例

    jQuery电话号码验证实例

    这篇文章主要为大家详细介绍了jQuery电话号码验证实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01
  • Jquery动态列功能完整实例

    Jquery动态列功能完整实例

    这篇文章主要介绍了Jquery动态列功能,结合完整实例形式详细分析了jQuery基于事件响应及页面元素动态属性操作实现的动态列显示功能相关操作技巧,需要的朋友可以参考下
    2019-08-08
  • 有关easyui-layout中的收缩层无法显示标题的解决办法

    有关easyui-layout中的收缩层无法显示标题的解决办法

    本文由脚本之家小编给大家介绍有关easyui-layout中的收缩层无法显示标题的原因分析及解决办法,感兴趣的朋友可以参考下
    2016-05-05
  • 使用jQuery实现星级评分代码分享

    使用jQuery实现星级评分代码分享

    本文给大家分享的是一段使用jQuery制作的星级评分的代码,非常大气漂亮,功能也很实用,这里推荐个大家。
    2014-12-12
  • JQuery datepicker 使用方法

    JQuery datepicker 使用方法

    jQuery UI很强大,其中的日期选择插件Datepicker是一个配置灵活的插件,我们可以自定义其展示方式,包括日期格式、语言、限制选择日期范围、添加相关按钮以及其它导航等
    2011-05-05
  • jQuery EasyUI API 中文文档 - MenuButton菜单按钮使用介绍

    jQuery EasyUI API 中文文档 - MenuButton菜单按钮使用介绍

    jQuery EasyUI API 中文文档 - MenuButton菜单按钮使用介绍,使用jQuery EasyUI的朋友可以参考下。
    2011-10-10

最新评论