检索JS函数值

Retrieve JS function value

本文关键字:函数 JS 检索      更新时间:2023-09-26

我目前正在尝试检索JS返回值,我真的不知道为什么它不工作的原因…

嗨,希望我的代码是最容易读的,提前感谢:

<script type="text/javascript">
                function getValLocalSto(key, URL){
                    console.log(key);
                    console.log(URL);
                    var myKey =  localStorage.getItem(key);
                    if(myKey == null){
                        // getting back JSON data
                            $.ajax({ 
                                url: URL, 
                                dataType: 'json',
                                async: false,
                                success: function (json) { 
                                            var test;
                                            console.log(JSON.stringify(json)); // the result is a well formed JSON string
                                            localStorage.setItem(key,JSON.stringify(json));
                                            myKey = localStorage.getItem(key);
                                            test =jQuery.parseJSON(myKey);
                                            console.log("My function result : "+test); // the result is a [object Object]
                                            return test;
                                        }

                            });
                    }else { 
                        // Other work whatever 
                          }
                }
                //call my function
                    console.log("sortie fonction : "+getValLocalSto("testJson", "do/profil")); // the result is "undefined"
                    var myuResult = getValLocalSto("testJson", "do/profil")); // the result is "undefined"
                    console.log(ff.prenom);
                    document.getElementById("myDiv").innerHTML="<div><input  disabled='disabled' name='text-basic' id='text-basic' type= 'text' value='Votre nom "+ff.nom+"'/></div>";
                    document.getElementById("myDiv").innerHTML+="<div> <input  disabled='disabled' name='text-basic' id='text-basic' type= 'text' value= 'Votre prenom "+ff.prenom+"'/></div>";
      </script>

解决方案:

function getValLocalSto(key, URL){
                    // do my stuff
                            });
                    }else { 
                        // Other work whatever 
                          }
                    return test;
                }

只需在ajax成功函数之外声明测试变量在getValLocalSto外部函数中利用变量作用域。否则,您将需要一个回调来从ajax成功函数返回变量。试试这个:

<script type="text/javascript">
                function getValLocalSto(key, URL){
                    ...
                    if(myKey == null){
                        // getting back JSON data
                        var test;
                        $.ajax({ 
                                url: URL, 
                                dataType: 'json',
                                async: false,
                                success: function (json) { 
                                            console.log(JSON.stringify(json)); // the result is a well formed JSON string
                                            localStorage.setItem(key,JSON.stringify(json));
                                            myKey = localStorage.getItem(key);
                                            test =jQuery.parseJSON(myKey);
                                            console.log("My function result : "+test); // the result is a [object Object]
                                        }
                         });
                         return test;
                    }else { 
                        // Other work whatever 
                          }
                }
                //call my function
                    console.log("sortie fonction : "+getValLocalSto("testJson", "do/profil")); // the result is "undefined"
                   ...
      </script>

可以向AJAX传递回调。将函数定义更改为:

function getValLocalSto(key, URL, callback){
...
$.ajax({ 
url: URL, 
dataType: 'json',
async: false,
success: callback
});
...
代码中的

getValLocalSto("testJson", "do/profil", function(data) {
  localStorage.setItem(key,JSON.stringify(data));
  myKey = localStorage.getItem(key);
  test = jQuery.parseJSON(myKey);
  // here you work with test as you want as a result of getValLocalSto
});