AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

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

51自学网 http://www.wanshiok.com
jquery异步提交表单,jquery提交表单,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);  }

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


jquery异步提交表单,jquery提交表单,jQuery异步提交  
上一篇:jQuery使用getJSON方法获取json数据完整示例  下一篇:浅谈JS之tagNaem和nodeName