vue中使用ajax请求 data的数据问题

Question

问题描述

vue中使用ajax请求 data的数据问题

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）
//成功以后向第三方发送请求

                        for(var i in listIn){
                            var arr = listIn[i].key;
                            console.log(arr)
                            $.ajax({
                                type:'post',
                                url: listIn[i].url,
                                async: false,
                                data:{ arr : res.data.content.token},
                                dataType:'jsonp',
                                success:function(result){
                                    console.log(result);
                                    keep();
                                },
                                error: function(err){
                                    console.log(err)
                                    keep();
                                }
                            });
                        }
                        
                        
数据结构
       var listIn = [
            {
                url: shimingPersonIn,
                key: "cookieValue"
            },
            {
                url: shimingUnitIn,
                key: "cookieValue"
            },
            {
                url: coprApplyLogin,
                key: "copyRighCookie"
            }
        ]

你期待的结果是什么？实际看到的错误信息又是什么？

这个data中的arr获取不到上面赋的值，求解决

Answer 1

因为data中的arr没有当做变量而是当做字符串处理了
改成这样

                    for(var i in listIn){
                            var arr = listIn[i].key;
                            let obj = {};
                            obj[arr] = res.data.content.token;
                            $.ajax({
                                type:'post',
                                url: listIn[i].url,
                                async: false,
                                data: obj,
                                dataType:'jsonp',
                                success:function(result){
                                    console.log(result);
                                    keep();
                                },
                                error: function(err){
                                    console.log(err)
                                    keep();
                                }
                            });
                        }

Answer 2

数组结构贴出来

Answer 3

  data:{ [arr] : res.data.content.token},

Answer 4

for循环中使用异步的操作……应该会有问题的！
使用vue的话，尝试axios来做请求吧。