通过 URL 中的查询参数传递 JSON（跨域）

Question

我遇到了通过 JS 应用程序（跨域）传输 JSON 的问题，使用经典查询参数有点矫枉过正，如果您在原始 JSON 的列表中有列表或列表，处理起来会过于复杂与.....

如果 JSON 不是太大，如果它在 URL 可以包含的限制下，我们可以使用不同的方式来做到这一点.....（请参阅我的帖子的答案）

Answer 1

1. 将 JSON 转换为 URL 安全字符串：

   var myJsonStr= JSON.stringify(myJson); var myJsonURLSafe= encodeURIComponent(myJsonStr);

2. 使用 SINGLE 参数将其传递到您的目标 URL：

   window.location.replace(window.location.protocol+'//'+window.location.host+'/mysite/#targetPage?myJson='+myJsonURLSafe);

3. 在传输的另一端，我们读取这个参数后，将其转换回JSON：

   //function to read parameters
    getUrlVars: function () {
                   var vars = [], hash;
                   var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
                   for (var i = 0; i < hashes.length; i++) {
                       hash = hashes[i].split('=');
                       vars.push(hash[0]);
                       vars[hash[0]] = hash[1];
                   }
                   return vars;
               }
   

获取 JSON 的函数：

     getMyJsonData:function(){
         var urlValue = this.getUrlVars()["myJson"];
         var dataJSON = undefined;
         if(urlValue){
             var dataStr= decodeURIComponent(urlValue);
             dataJSON = JSON.parse(dataStr);
         }
    return dataJSON;
    }