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 相关文章推荐
js自带函数备忘 数组
Dec 29 Javascript
jQuery选择器的工作原理和优化分析
Jul 25 Javascript
编写高效jQuery代码的4个原则和5个技巧
Apr 24 Javascript
node.js中的fs.readFileSync方法使用说明
Dec 15 Javascript
修改或扩展jQuery原生方法的代码实例
Jan 13 Javascript
javascript实现移动端上的触屏拖拽功能
Mar 04 Javascript
Vuex模块化实现待办事项的状态管理
Mar 15 Javascript
React Js 微信禁止复制链接分享禁止隐藏右上角菜单功能
May 26 Javascript
Vue学习笔记进阶篇之vue-router安装及使用方法
Jul 19 Javascript
Vue CLI3中使用compass normalize的方法
May 30 Javascript
茶余饭后聊聊Vue3.0响应式数据那些事儿
Oct 30 Javascript
javascript实现拼图游戏
Jan 29 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
建立动态的WML站点(二)
2006/10/09 PHP
Yii 2.0自带的验证码使用经验分享
2017/06/19 PHP
详解php反序列化
2020/06/10 PHP
JS+CSS制作DIV层可(最小化/拖拽/排序)功能实现代码
2013/02/25 Javascript
深入了解javascript中的prototype与继承
2013/04/14 Javascript
jquery实现不同大小浏览器使用不同的css样式表的方法
2014/04/02 Javascript
13 款最热门的 jQuery 图像 360 度旋转插件推荐
2014/12/09 Javascript
js分页工具实例
2015/01/28 Javascript
JavaScript制作淘宝星级评分效果的思路
2020/06/23 Javascript
Zabbix添加Node.js监控的方法
2016/10/20 Javascript
javascript 使用正则test( )第一次是 true,第二次是false
2017/02/22 Javascript
JS实现简单的选择题测评系统代码思路详解(demo)
2017/09/03 Javascript
JS工厂模式开发实践案例分析
2019/10/17 Javascript
详解微信小程序之提高应用速度小技巧
2020/01/07 Javascript
js实现经典贪吃蛇小游戏
2020/03/19 Javascript
Javascript实现鼠标移入方向感知
2020/06/24 Javascript
使用Python微信库itchat获得好友和群组已撤回的消息
2018/06/24 Python
Python 获取指定文件夹下的目录和文件的实现
2019/08/30 Python
Python 解析简单的XML数据
2020/07/24 Python
BONIA官方网站:国际奢侈品牌和皮革专家
2016/11/27 全球购物
NIHAOMARKET官方海外旗舰店:意大利你好华人超市
2018/01/27 全球购物
英国户外装备和冒险服装零售商:alloutdoor
2018/01/30 全球购物
请写出 float x 与"零值"比较的 if 语句
2016/01/04 面试题
党的群众路线教育实践活动宣传方案
2014/02/23 职场文书
王老吉广告词
2014/03/20 职场文书
应届大专生求职信
2014/06/26 职场文书
师德师风的心得体会
2014/09/02 职场文书
秋季运动会广播稿(30篇)
2014/09/13 职场文书
入党转正申请报告
2015/05/15 职场文书
标准演讲稿格式结尾应该怎么书写?
2019/07/17 职场文书
CocosCreator入门教程之网络通信
2021/04/16 Javascript
Python爬虫之用Xpath获取关键标签实现自动评论盖楼抽奖(二)
2021/06/07 Python
python实现剪贴板的操作
2021/07/01 Python
Go语言并发编程 sync.Once
2021/10/16 Golang
Python内置数据类型中的集合详解
2022/03/18 Python
bose降噪耳机音能消除人声吗
2022/04/19 数码科技