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

2020-03-12 16:01:49来源：爱站网阅读 ()

js是一个非常强大的表单提交插件，但是作为前端开发，我们的项目必须要满足这些需求，那么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.html" target="_blank">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异步提交表单的两种方式，这里还要提醒一下大家在学习的时候要注意的事项，而且要学习好上面的知识，才能在实践中处理的得心应手哦。

原文链接:https://js.aizhan.com/develop/JavaScript/12053.html
如有疑问请与原作者联系

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有