Question

我有一个json文件 results.json 如下所示。我有一个包含一些脚本的html文件。这用于检索数据数据。当我进入调用脚本函数get_machFollow(que_script)的html页面时，此函数用于接收json文件数据。该函数工作正常并提醒输出正确，但在此函数之后将一些数据返回到 HTML 页面。

我的JSON文件

{"mach_fol_4": {"match_l":
       ["7","8","99"],"attempts":"0","feedback_true":"You are right!",
  "feedback_false":"Sorry! wrong answer."}}

这是我的脚本功能。此功能工作正常，但我无法从HTML页面提醒返回值。这表明未定义。

function get_machFollow(que_script)
{

        var return_var;
      $.getJSON('results.json', function(data) {
            return_var=data[que_script].match_r;    
            alert(return_var);//Working alert show correct output 
            return return_var;     
                 });

}

这是我的html文件

   <html>
    <head>
      <script type='text/javascript' src='js/jquery.min.js'></script>
      <script>
         $(document).ready(function(){
             var mach_follow_js;
             mach_follow_js=get_machFollow('mach_fol_4');
             alert(mach_follow_js);//Wrong output
         });
   </head>
    <body>
      <p>Hello world</p>
    </body>
    </html>

Answer 1

你打算返回return_var;在get_machFollow范围内，因为现在它在jquery函数范围内并且不会将值返回到主页面

Answer 2

有多种方法可以做到这一点。其中一个是将一个回调处理程序传递给您的方法，当您获得响应时将调用该方法。试试这个：

function get_machFollow(que_script, sCallback)
{
      var return_var;
      $.getJSON('results.json', function(data) {
            return_var=data[que_script].match_r;    
            alert(return_var);//Working alert show correct output 
            sCallback.call(null /* context */, return_var);      
       });

}

$(document).ready(function(){
    var mach_follow_js;
    get_machFollow('mach_fol_4', function(output) {
        alert(output);
        match_follow_js = output;
   });
});

Answer 3

下面是AJAX提取的JSON数据。它在Alert中传递JSON数据对象。您可以根据需要使用它。也可以使用for循环或$ .each函数迭代数据。

$(document).ready(function(){
    var mach_follow_js;
    // mach_follow_js=get_machFollow('mach_fol_4');

    //JSON Data Fetched by AJAX
    $.ajax('results.json',{
        type:'GET',
        dataType: "json",
        jsonCallback: 'successCallback',               
        async: true,
        beforeSend: function () {
        //if you want to show loader
    },
    complete: function () {
        //hide loader after download data
    },
    success: function (resultJSON) {                                       
        mach_follow_js = resultJSON;        // assigning to Global variable ProductResult                   
        alert(mach_follow_js);
        console.log(mach_follow_js);
    },
    error: function (request, error) {
        alert('Network error has occurred please try again!');//error
    }
    })                              

});

Answer 4

使用ajax回调函数$.getJSON()实际上是一个ajax函数。因此，您需要应用回调来执行此操作。

如何从脚本页面返回json数据？

4 个答案: