<script src="js/jquery.min.js"></script> <script src="https://cdn.bootcss.com/jquery.serializeJSON/2.9.0/jquery.serializejson.js"></script><script>// /   //原始版本//  $("#1").click(function(){//     // console.log("dian");// //     var j = $('.total_text').text();//     // 去除¥符号//     var order_toal = j.substring(1);//     //将标签的值赋给input传过去//     $("#order_total").val(j);//     // var i =$("#order_total").val();//     // alert(i);    //      $("#form1").submit();//      // ajax_jiesuan();//      alert("i");// })// //
$('#1').on('click', function(){//间接设置订单金额var j = $('.total_text').text();// 去除¥符号var order_toal = j.substring(1);//将标签的值赋给input传过去$("#order_total").val(order_toal);//用插件将表单生成json,在ajax发送过去后台
var serializeObj=$('#form1').serializeJSON();
var serializeStr=JSON.stringify(serializeObj);
console.log(serializeStr);
$.ajax({cache: false,type: "POST",url : "add_order.php",traditional:true,  data: {order : serializeStr}, //注意这里的写法success: function(msg){if(msg=="OK"){Alert(50,"下单成功");location.reload();}else{alert(msg);alert("下单失败");}}});// console.log(data);// var xhr = new XMLHttpRequest();// xhr.onreadystatechange = function(){//     // var choice = xhr.responseText;//     if(xhr.readyState==4){//         var timezone = xhr.responseText;//         alert(timezone);//         if(timezone=="OK"){//             // $("#timezone").html("现在时间是:"+timezone);//             // order_success();//             Alert(100,"下单成功!");//         }else{//             alert("没传时间");//         }//     }// }// xhr.open("post","?c=user&a=add_order",true);// xhr.send(serializeStr);});


var order_toal = j.substring(1);js截取从下标1开始到末尾的字符串,返回值赋给变量order_total

 
  //用插件将表单生成json,在ajax发送过去后台
var serializeObj=$('#form1').serializeJSON();
var serializeStr=JSON.stringify(serializeObj);
 

转载于:https://www.cnblogs.com/mzzone/p/10912142.html

js使用工具将表单封装成json字符串传到后台,js截取字符串(学生笔记)相关推荐

  1. 把表单转成json,并且name为key,value为值

    http://jsfiddle.net/sxGtM/3/ http://stackoverflow.com/questions/1184624/convert-form-data-to-js-obje ...

  2. 通过jquery的serializearray处理表单数据成json格式,并提交到后台处理

    var params = $("#myform").serializeArray(); var values = {}; for (var item in params) {val ...

  3. 一个页面上多个form表单的用json数据格式提交到后台

    在项目开发中遇到多个表单需要提交到后台,而且其中包含一些table数据,所以最后经过查询资料总结出以下方法:(我用的前端框架是layui其他的思想应该是一样的) 在看代码之前先说一下我的思路,因为代码 ...

  4. 分享一个小工具:Excel表高速转换成JSON字符串

    在游戏项目中一般都须要由策划制作大量的游戏内容,当中非常大一部分是使用Excel表来制作的.于是程序就须要把Excel文件转换成程序方便读取的格式. 之前项目使用的Excel表导入工具都是通过Offi ...

  5. 【工具】Excel 表格数据转换成Json格式的实用工具 excel2json

    介绍 excel2json工具是用C# 语言开发的能够把 Excel 表转换成 json 的工具 主要功能: 支持读取 Excel 97-2003的 .xls格式和2007的 .xlsx格式: 支持多 ...

  6. form表单 无法提交js动态添加的表单元素问题。。

    第一种情况, 这种情况js动态添加的表单元素是不能提交到服务器端的 <table> <form method="post" action=" url   ...

  7. React之Form表单封装

    文章目录 一.form表单封装之树形选择框封装 1. 代码结构 (1)html代码 (2)树形选择框的结构 (3)css (4)转化函数 2. 使用方法 (1)单独使用 (2)和form表单一起使用 ...

  8. JS同时上传表单图片和表单信息并把上传信息存入数据库,带php后端源码

    微信小程序开发交流qq群   581478349    承接微信小程序开发.扫码加微信. 利用JQ,jquery.form.js,bootstrap实现上传表单图片和表单信息并把上传的图片地址,inp ...

  9. js检测、控制表单输入必须为中文

    js检测.控制表单输入必须为中文 <html> <head> <meta http-equiv="content-Type" content=&quo ...

最新文章

  1. Response.getWriter() 和Response.getOutputStream冲突
  2. [导入]ASP.NET AJAX 说明文档-客户端引用-全局命名空间-JavaScript 基础类型扩展-Array 类型扩展-add 函数...
  3. 分析JDK源码 | Java Object
  4. spring MVC cors跨域实现源码解析
  5. 机器人学一些概念1——自由度冗余,映射和操作算子
  6. java.lang.IllegalStateException: getOutputStream() has already been called for this response
  7. azdb文件怎么打开_AZDBMappingSvcs.dll
  8. linux nginx F配置,linux下nginx的安装及配置
  9. 拼图游戏和它的AI算法
  10. 手机支持html5绘图性能,【高级系列】Canvas绘制性能专题
  11. python查找指定字符所在行号_在python中获取当前位置所在的行号和函数名
  12. 数据分析案例:预测乳腺癌是否复发
  13. 【NER】NLP-入门实体命名识别(NER)+Bilstm-CRF模型原理Pytorch代码详解——最全攻略...
  14. 元气骑士机器人的成就皮肤_元气骑士:5把特殊“红武”,想要机器人的皮肤,用它就对了!...
  15. 基于ArcGIS和fragstats软件计算景观破碎度(二)
  16. 项目管理知识领域--十大知识领域
  17. 《硅谷钢铁侠》读后感
  18. 详解物理学四大神兽————麦克斯韦妖
  19. 向量长度、夹角与向量正交
  20. 全宇宙第一编辑器VS Code搭配Markdown打造云端笔记(二:MD语法速成)

热门文章

  1. linux中kafka主题修改分区,kafka_2.11-2.0.0的部署与配置修改
  2. vue-cli3.0使用及配置(部分)
  3. 关于CUDA和CuDNN配置的小问题
  4. 【Java并发编程】:使用synchronized获取互斥锁
  5. HTML5移动端触摸事件
  6. hashCode之二--Java:重写equals()和hashCode()
  7. linux脚本编程(shell)浅介 (转载)
  8. 使用 Visual Studio 编译 wget 为库文件
  9. nacos怎么修改服务分组_nacos服务注册如何配置分组?
  10. Linux下python升级步骤