javascript - js关于作用域的问题,为什么已经定义为全局变量,还是取不到值?

查看:105
本文介绍了javascript - js关于作用域的问题,为什么已经定义为全局变量,还是取不到值?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

  var myDate = new Date();
  var myMonth = myDate.getMonth();
  var myDate = myDate.getDate();

  function getTitle() {
    $.ajax({
      headers: {
        "apikey": "b56e70a91066a729d009b62cc16f9cb8",
        Accept: "application/json",
        "Content-Type": "application/x-www-form-urlencoded"
      },
      type: 'get',
      url: 'http://apis.baidu.com/avatardata/historytoday/lookup?yue=' + myMonth + '&ri=' + myDate + '&type=1&page=1&rows=20&dtype=JOSN&format=false',
      data: {},
      dataType: "json",
      success: function(msg) {
        var totalNum = msg.total;
        var randomNum = Math.floor(Math.random() * totalNum + 1);

        historyYear = msg.result[randomNum].year;
        historyTitle = msg.result[randomNum].title;
        
        alert(historyTitle);//这里显示全局变量的值正常。

        $("#historyDate").text(historyYear + "年" + myMonth + "月" + myDate + "日");
        $('#historyTitle').text(historyTitle);
      },
      error: function() {
        alert("Error");
      },
    });
  };

  $(document).ready(function() {
    getTitle();
    alert(historyTitle);//这里显示的全局变量的值不正常,这是为什么?
    $('#anotherThings').on('click', getTitle);
  });

所有的代码在这里,供调试

解决方案

1、你的getTitel()执行的ajax请求,是异步的,调用完getTitle时,实际上请求并未完成,还未给history赋值,解决方案1:将ajax请求改为同步请求,方案2,在ajax请求的success()方法中执行,你要做的业务处理

这篇关于javascript - js关于作用域的问题,为什么已经定义为全局变量,还是取不到值?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆