zoukankan      html  css  js  c++  java
  • 如何用ajax提交多组同样的数据(数组)到后台?

    我在AJAX中这样写

    $("#subbutton").click(function(){
              var machineCode_1=$("#machineCode_1").val();
              var machineCode_2=$("#machineCode_2").val();
              var machineCode_3=$("#machineCode_3").val();
              var machineCode_4=$("#machineCode_4").val();
              var machineCode_5=$("#machineCode_5").val();
              $.ajax({
                  type: "POST",
                  contentType: "application/json",
                  url: "./system/Dealer_addAllMachCode",
                  data: {machinearr: ([machineCode_1,machineCode_2,machineCode_3,machineCode_4,machineCode_5]).join(";")},
                  dataType: 'json',
                  success: function(result) {
                      alert("成功增加");
                  }
              });
        });

    后台ssm框架:machinearr  并且 get set

    debug  报空指针错误

    machinearr  没有数据。后来经过查找 询问,找到错误原因,application/json需要改成

    application/x-www-form-urlencoded,可是为什么了我查了下 他们的区别
    application/json :application/json是后台返回的mime类型,不是前台提交的方式。
     
    application/x-www-form-urlencoded:窗体数据被编码为名称/值对。这是标准的编码格式。 multipart/form-data: 窗体数据被编码为一条消息,页上的每个控件对应消息中的一个部分。 text/plain: 窗体数据以纯文本形式进行编码,其中不含任何控件或格式字符。

    form的enctype属性为编码方式,常用有两种:application/x-www-form-urlencoded和multipart /form-data,默认为application/x-www-form-urlencoded。 当action为get时候,浏览器用x-www-form-urlencoded的编码方式把form数据转换成一个字串(name1=value1& amp;name2=value2...),然后把这个字串append到url后面,用?分割,加载这个新的url。 当action为post时候,浏览器把form数据封装到http body中,然后发送到server。 如果没有type=file的控件,用默认的application/x-www-form-urlencoded就可以了。 但是如果有type=file的话,就要用到multipart/form-data了。浏览器会把整个表单以控件为单位分割,并为每个部分加上 Content-Disposition(form-data或者file),Content-Type(默认为text/plain),name(控件 name)等信息,并加上分割符(boundary)。

    总结:客户端提交的contentType只能为application/x-www-form-urlencoded or multipart/form- data,二进制数据使用多重编码。前面默认编码,即字符串,后者为文件。但如果从服务器下载的话编码就很多了,比如你说的 application/json,text/plan,application/image.....等都可以。

  • 相关阅读:
    .NET Core采用的全新配置系统[4]: “Options模式”下各种类型的Options对象是如何绑定的?
    .NET Core采用的全新配置系统[3]: “Options模式”下的配置是如何绑定为Options对象
    .NET Core采用的全新配置系统[2]: 配置模型设计详解
    .NET Core采用的全新配置系统[1]: 读取配置数据
    ASP.NET Core 运行原理解剖[5]:Authentication
    kubernetes-dashboard(1.8.3)部署与踩坑
    使用kubeadm搭建Kubernetes(1.10.2)集群(国内环境)
    Docker初体验
    ASP.NET Core Logging in Elasticsearch with Kibana
    ASP.NET Core 认证与授权[7]:动态授权
  • 原文地址:https://www.cnblogs.com/softwarewebdesign/p/5574199.html
Copyright © 2011-2022 走看看