suchen

Heim  >  Fragen und Antworten  >  Hauptteil

javascript - window.location.href springt nicht sofort in die Methode. Gibt es eine Möglichkeit, das Problem zu lösen?

Frage: Warum wird es nicht ausgeführt location.href = "../exit.html";, 而是执行了 window.location.href = 'http://www.baidu.com';?

Gibt es eine Möglichkeit, die getData(), 如果获取数据失败，则跳转到 ../exit.html, 不再执行 gourl();-Methode auszuführen?

Ergänzung: ajax里面的 async: false 是同步请求！！！, dies ist nur eine einfache Demo. Tatsächlich steckt möglicherweise viel Logik hinter der Methode getData(), aber wenn getData() keine Daten abrufen kann, darf das Programm keine anderen Methoden ausführen. und andere Methoden sind möglicherweise nicht in derselben Datei vorhanden. 


<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
</head>

<body>
    <p>
        <h2>我是测试页面,看我是否发生跳转</h2></p>
    <script src="https://cdn.bootcss.com/jquery/1.9.0/jquery.min.js"></script>
    <script type="text/javascript">
    $(function() {
        getData();
        gourl();
    });

    function getData() {
        var is_success = false;
        $.ajax({
            type: "GET",
            url: "http://baike.baidu.com/api/openapi/BaikeLemmaCardApi?scope=103&format=json&appid=379020&bk_key=bug&bk_length=600",
            data: "",
            dataType: "json",
            async: false,
            success: function(data) {
                if (data.status == 200) {
                    is_success = true;
                } else {
                    is_success = false;
                }
            }
        });
        if (!is_success) {
            location.href = "../exit.html";
        }
    }

    function gourl() {
        console.log('我被执行了');
        window.location.href = 'http://www.baidu.com';
    }
    </script>
</body>

</html>
欧阳克欧阳克2700 Tage vor2197

Antworte allen(7)Ich werde antworten

  • 女神的闺蜜爱上我

    女神的闺蜜爱上我2017-06-26 11:00:15

    那你可以在getData方法success后再回调gourl进行你要的逻辑处理
    另外 不清楚你的is_success是具体怎么判断 因为有$ajax也有对应的error

    Antwort
    0
  • 代言

    代言2017-06-26 11:00:15

    你的代码相当于执行下面这两句：

    location.href = '../exit.html';
location.href = 'http://www.baidu.com';

    这两句连续执行的时候会跳转后面这个地址

    猜测是浏览器访问第一个需要时间，还未成功，第二个跳转又来了，所以就放弃第一次跳转，执行第二次跳转，类似在url里面快速输入两次地址一样。

    Antwort
    0
  • 为情所困

    为情所困2017-06-26 11:00:15

    gourl()函数不可以在前面调用，而应该放在Ajax的逻辑中间，在if逻辑后面添加 else{gourl();}
    即：

    if (!is_success) {
        location.href = "../exit.html";
    }else {
        gourl();
    }

    Antwort
    0
  • 学习ing

    学习ing2017-06-26 11:00:15

    题主的代码可以理解为这样：

        <script type="text/javascript">
    $(function() {
        getData();
    });

    function getData() {
        var is_success = false;
        $.ajax({
            type: "GET",
            url: "http://baike.baidu.com/api/openapi/BaikeLemmaCardApi?scope=103&format=json&appid=379020&bk_key=bug&bk_length=600",
            data: "",
            dataType: "json",
            async: false,
            success: function(data) {
                if (data.status == 200) {
                    is_success = true;
                } else {
                    is_success = false;
                }
            },
            error: function() { ... }
        });
        if (!is_success) {
            location.href = "../exit.html";
        }
        console.log('我被执行了');
        window.location.href = 'http://www.baidu.com';
    }
    </script>

    当代码中有连续的两个location.href的时候，会执行后面的跳转，这个题主可以自己试一试。

    另外，由于ajax是异步的，题主需要将if(!is_success)写到ajax中的error中去，或者写到success中的else判断中，否则无论ajax是否成功，都会跳转。gourl()同样应该写到success中。

    此外，直接这样的ajax应该会发生跨域错误的吧，建议使用代理或者其他方式解决跨域问题。

    Antwort
    0
  • ringa_lee

    ringa_lee2017-06-26 11:00:15

    手机码的，是这个意思不？

    $(function() {
    var dtd = $.Deferred();
    dtd
      .done(function(){
          console.log('我被执行了');
          window.location.href = 'http://www.baidu.com';
      })
      .fail(function(){
          console.log('我被抛弃了');
          window.location.href = "../exit.html";
      });
    $.get("http://baike.baidu.com/api/openapi/BaikeLemmaCardApi?scope=103&format=json&appid=379020&bk_key=bug&bk_length=600", "json")
      .done(function(data) {
          if (data.status == 200) {
              dfd.resolve();
          } else {
              dtd.reject();
          }
      });
});

    主要是用jQ的promise，全部写成异步，ajax的成功回调全部放在Deferred的done里（有多个也可以写成数组），然后ajax的done里直接给个状态就行了。

    Antwort
    0
  • 某草草

    某草草2017-06-26 11:00:15

    既然getData和gourl有执行的关系，要么把gourl放到回调判断 这个是可以适合异步的。
    如果是题主的同步，那么还可以

        $(function() {
        getData();
        gourl();
    });

    直接在这里控制Gourl要不要执行也可以把？

    Antwort
    0
  • 三叔

    三叔2017-06-26 11:00:15

    你的代码逻辑有问题吧，ajax是异步的呀。gourl();这个函数不应该在那个地方调用。可以在ajax请求的成功或者失败回调里调。
    看你的要求应该是在success里面调用。

    Antwort
    0
  • StornierenAntwort