首页 > 编程 > JavaScript > 正文

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

2019-11-20 09:01:05
字体:
来源:转载
供稿:网友

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

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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表