jango+vue 前端传递数组，后端接收和打印数组

前端

• 探索：

原本以为前端是不可以传递数组的，只能传递json字符串，所以也在尝试将数组转化成字符串先传递到后端，后端打印结果是一片乱码，代码如下：专门加上{emulateJSON:true}让数据以非JSON的形式传递，结果无效。

     var qs = require('qs');
     var tableDataT= this.tableData9
     tableDataT = qs.stringify( tableDataT)
     console.log(this.tableData9);
     this.$http.post('/inserttest/', qs.stringify({'tableData9':this.tableData9} )
         {emulateJSON:true}
         ).then(res => {
         var result = JSON.parse(response)
         if (res.data.text == 'ok') {
          // 上传成功的操作
          this.$message.success('已经成功！！')
         } else {
         this.$message.error('错误');
         } 
        console.log("result：",response)
     })

•  方案：

前端是可以直接传递数组到后端的，知识前端的传递方式和后端的接收方式是要发生相应的改变，是数组。代码如下：注意要加上：traditional:true

      this.$http.get('/inserttest/',{params : {'tableData9': this.tableData9 }
            ,traditional:true}).then(res =>{
          console.log(res);  
          if(res.data.text == 'ok'){
            this.$message.success('保存到数据库')
          }
      },function(res){
          console.log(res.status);
      });
      

 traditional:true阻止深度序列化（看着像乱码，没有保留列表的存储方式），否则获取的列表将是空的。

后端

后端改用获取列表的形式，这里一定要注意的是：getlist("tableData9[]") 

后面的括号[]一定要加上，因为前台发送的数据自动给数组后面加了个[]。代码如下： 

tableData = request.GET.getlist("tableData9[]")

 完成数据交互后，下面就是一系列的数据处理分析和计算了。