jquery的ajax提交form表单的两种方法小结(推荐)


Posted in Javascript onMay 25, 2016

jquery的ajax提交form表单的两种方法小结(推荐)

方法一:

function AddHandlingFeeToRefund()

    {
      var AjaxURL= "../OrderManagement/AjaxModifyOrderService.aspx";    
      alert($('#formAddHandlingFee').serialize());
        $.ajax({
          type: "POST",
          dataType: "html",
          url: AjaxURL + '?Action=' + 'SubmitHandlingFee' + '&OrderNumber=' + $.trim($("#<%=this.txtOrderNumber.ClientID %>").val()),
          data: $('#formAddHandlingFee').serialize(),
          success: function (result) {
            var strresult=result;
            alert(strresult);
            //加载最大可退金额
            $("#spanMaxAmount").html(strresult);
          },
          error: function(data) {
            alert("error:"+data.responseText);
           }

        });

    }

方法二:

//ajax提交form表单的方式
    $('#formAddHandlingFee').submit(function() {
      var AjaxURL= "../OrderManagement/AjaxModifyOrderService.aspx";    
      alert($('#formAddHandlingFee').serialize());
        $.ajax({
          type: "POST",
          dataType: "html",
          url: AjaxURL + '?Action=' + 'SubmitHandlingFee' + '&OrderNumber=' + $.trim($("#<%=this.txtOrderNumber.ClientID %>").val()),
          data: $('#formAddHandlingFee').serialize(),
          success: function (data) {
            var strresult=data;
            alert(strresult);
            //加载最大可退金额
            $("#spanMaxAmount").html(strresult);
          },
          error: function(data) {
            alert("error:"+data.responseText);
           }

        });
    }

  );

页面html代码:

<form id="formAddHandlingFee" name="formAddHandlingFee" enctype="multipart/form-data" onsubmit="AddHandlingFeeToRefund()">
 <table id="AddHandlingFee" class="Wfill">
   <tr>
     <td>
       <asp:Literal ID="UI_Amount" runat="server" Text="处理费用" meta:resourcekey="HandlingFeeAmount" />
     </td>
     <td>
       <input type="text" id="txtHandlingFeeAmount" name="txtHandlingFeeAmount" class="{required:true,number:true}" maxlength="12" />
     </td>
   </tr>
   <tr>
     <td>
       <asp:Literal ID="UI_HandlingFeeType" runat="server" Text="费用类型" meta:resourcekey="HandlingFeeHandlingFeeType" />
     </td>
     <td>
       <crmweb:HtmlSelectControl ID="HandlingFeeType" EnumTypeName="DX.OMS.Model.Common.HandlingFeeType,DX.OMS.Model.Common" EmptyValue="" EmptyText="Select" runat="server" class="text {required:true}"/>
     </td>
   </tr>
   <tr>
     <td>
       <asp:Literal ID="UI_Notes" runat="server" Text="备注" meta:resourcekey="HandlingFeeNotes" />
     </td>
     <td>
       <textarea id="txtNotes" name="txtNotes" class="text {required:true}" cols="22" rows="2" maxlength="100"></textarea>
     </td>
   </tr>
   
   <tr>
     <td>
     </td>
     <td>
       <input id="Submit1" type="submit" value="添加处理费" />
       <asp:Button ID="Button1" runat="server" Text="添加处理费" OnClientClick="javascript:AddHandlingFeeToRefund()" />
     </td>
     
   </tr>
 </table>
 </form>

以上这篇jquery的ajax提交form表单的两种方法小结(推荐)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
推荐20家国外的脚本下载网站
Apr 28 Javascript
js实现带搜索功能的下拉框实时搜索实时匹配
Nov 05 Javascript
ext中store.load跟store.reload的区别示例介绍
Jun 17 Javascript
Jquery实现瀑布流布局(备有详细注释)
Jul 31 Javascript
基于javascript bootstrap实现生日日期联动选择
Apr 07 Javascript
easyui-datagrid开发实践(总结)
Aug 02 Javascript
vue 数组和对象不能直接赋值情况和解决方法(推荐)
Oct 25 Javascript
jquery ajaxfileupload异步上传插件
Nov 21 jQuery
微信小程序实现鼠标拖动效果示例
Dec 01 Javascript
angularjs中判断ng-repeat是否迭代完的实例
Sep 12 Javascript
jQuery AJAX应用实例总结
May 19 jQuery
vue-cli —— 如何局部修改Element样式
Oct 22 Javascript
BootStrap的Datepicker控件使用心得分享
May 25 #Javascript
jquery按回车键实现表单提交的简单实例
May 25 #Javascript
Javascript之BOM(window对象)详解
May 25 #Javascript
jQueryUI中的datepicker使用方法详解
May 25 #Javascript
jQuery+PHP实现微信转盘抽奖功能的方法
May 25 #Javascript
jQuery获取访问者IP地址的方法(基于新浪API与QQ查询接口)
May 25 #Javascript
JQuery的常用选择器、过滤器、方法全面介绍
May 25 #Javascript
You might like
?算你??的 PHP 程式大小
2006/12/06 PHP
PHP连接access数据库
2008/03/27 PHP
PHP获取当前日期所在星期(月份)的开始日期与结束日期(实现代码)
2013/06/18 PHP
PHP 获取文件权限函数介绍
2013/07/11 PHP
PHP include任意文件或URL介绍
2014/04/29 PHP
php自定义分页类完整实例
2015/12/25 PHP
JavaScript 计算图片加载数量的代码
2011/01/01 Javascript
关于window.pageYOffset和document.documentElement.scrollTop
2011/04/05 Javascript
javascript题目,重写函数让其无限相加
2012/02/15 Javascript
详解JS 比较两个Json对象的值是否相等的实例
2013/11/20 Javascript
jQuery1.9.1针对checkbox的调整方法(prop)
2014/05/01 Javascript
jqPlot jQuery绘图插件的使用
2016/06/18 Javascript
解决wx.onMenuShareTimeline出现的问题
2016/08/16 Javascript
js方法数据验证的简单实例
2016/09/17 Javascript
JS冒泡事件与事件捕获实例详解
2016/11/25 Javascript
解决vue接口数据赋值给data没有反应的问题
2018/08/27 Javascript
详解微信图片防盗链“此图片来自微信公众平台 未经允许不得引用”的解决方案
2019/04/04 Javascript
javascript实现blob加密视频源地址的方法
2019/08/08 Javascript
在Layui中操作数据表格,给指定单元格添加事件示例
2019/10/26 Javascript
vue基础知识--axios合并请求和slot
2020/06/04 Javascript
python实现ftp客户端示例分享
2014/02/17 Python
Python中的闭包实例详解
2014/08/29 Python
python使用socket进行简单网络连接的方法
2015/04/29 Python
如何在sae中设置django,让sae的工作环境跟本地python环境一致
2017/11/21 Python
python爬虫URL重试机制的实现方法(python2.7以及python3.5)
2018/12/18 Python
NumPy 数组使用大全
2019/04/25 Python
Python pandas.DataFrame调整列顺序及修改index名的方法
2019/06/21 Python
python 利用jinja2模板生成html代码实例
2019/10/10 Python
python对Excel的读取的示例代码
2020/02/14 Python
h5封装下拉刷新
2020/08/25 HTML / CSS
普通院校学生的自荐信
2013/11/27 职场文书
助学贷款贫困证明
2014/09/23 职场文书
房屋登记授权委托书范本
2014/10/09 职场文书
学校2016年全国助残日活动总结
2016/04/01 职场文书
go 原生http web 服务跨域restful api的写法介绍
2021/04/27 Golang
《游戏王:大师决斗》将推出新卡牌包4月4日上线
2022/03/31 其他游戏