开启辅助访问
切换到宽版

天天ASP家园官方Q群

天天ASP家园网友互动群

群1: 697497501(新手学习互助群)

群2: 47598123(进阶应用群)

天天ASP家园»论坛 › 技术交流 › 前端技术 › JS 提交表单JSON数据格式的两种方法
返回列表 发新帖
查看: 339|回复: 0

[文章教程] JS 提交表单JSON数据格式的两种方法

[复制链接]
xuanxiao 发表于 2023-5-10 11:40:38 | 显示全部楼层 |阅读模式
方法1：
  1. $(document).ready(function(){

  3.     $("#submit").on('click', function(){

  5.    var formData = {

  7.                                 "dAddTS": $('input[name=dAddTS]').val(),
  8.                                 "sName": $('input[name=sName]').val(),
  9.                                 "shaoma": $('input[name=shaoma]').val(),
  10.                                 "sgjc": $('input[name=sgjc]').val(),
  11.                                 "iAdmin_Id": $('input[name=iAdmin_Id]').val(),
  12.                                 "iRole": $('input[name=iRole]').val(),
  13.                                 "dcl": $('input[name=dcl]').val(),
  14.                                 "iAdmin_CS": $('input[name=iAdmin_CS]').val(),
  15.                                 "iAdmin_zj": $('input[name=iAdmin_zj]').val(),
  16.                                 "tgzh": $('input[name=tgzh]').val()
  17.     };

  19.        $.ajax({
  20.         headers: {
  21.             'Accept': 'application/json',
  22.             'Content-Type': 'application/json'
  23.         },
  24.         url: '/345345345/xierudaima.asp',
  25.         type : "POST",
  26.         dataType : 'json',
  27.         data : JSON.stringify(formData),
  28.         success : function(result) {

  30.             console.log(result);
  31.         },
  32.         error: function(xhr, resp, text) {
  33.             console.log(xhr, resp, text);
  34.         }
  35.     })
  36. });
  37. });
复制代码


方法2：

  2. <script type="text/javascript">
  3.   $('register_form').on('submit', function(event){

  5.     var obj = $('register_form').serializeJSON();

  7.     $.ajax({
  8.         type: 'POST',
  9.         url: 'https://url.com/users/register',
  10.         dataType: 'json',
  11.         data: JSON.stringify(obj),
  12.         contentType : 'application/json',
  13.         success: function(data) {
  14.             alert(data)
  15.         }
  16.     });

  18.    return false;
  19. });
  20. </script>
复制代码


提交数据结果：
微信截图_20230510114011.png
ASP币如何冲？请看这里
回复

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 注册

本版积分规则

快速回复 返回顶部 返回列表

在线客服

售前咨询
售后咨询
服务热线
023-58418553
微信公众号