手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jQuery异步提交表单的两种方式
jQuery异步提交表单的两种方式
摘要:本文为大家分享了两种jQuery异步提交表单的方式,具体内容如下第一种方式:普通ajax方式提交$(function(){$('#send'...

本文为大家分享了两种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><h6>' + comment['username'] + ':</h6><p' + comment['content'] + '</p></div>'; }); $('#resText').html(html); } }); }); });

第二种方式:普通ajaxSubmit方式提交表单

<script src="jquery.form.js" type="text/javascript"></script> <script src="dialog.js" 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异步提交表单的两种方式】相关文章:

javascript实现dom动态创建省市纵向列表菜单的方法

jquery控制表单输入框显示默认值的方法

jQuery替换textarea中换行的方法

Ctrl + Enter提交前检测的代码

jQuery实现首页图片淡入淡出效果的方法

分享自己用JS做的扫雷小游戏

javascript改变和控制显示的图片大小

解析Node.js异常处理中domain模块的使用方法

AngularJS数据源的多种获取方式汇总

jQuery获得字体颜色16位码的方法

精品推荐
分类导航