简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - window.location.href springt nicht sofort in die Methode. Gibt es eine Möglichkeit, das Problem zu lösen?
欧阳克
欧阳克 2017-06-26 10:58:15
0
7
2151

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>
欧阳克
欧阳克

温故而知新，可以为师矣。 博客：www.ouyangke.com

Antworte allen(7)
女神的闺蜜爱上我
女神的闺蜜爱上我2017-06-26 11:00:15 7 Etage

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

Wie +0
Antwort hinzufügen
代言
代言2017-06-26 11:00:15 6 Etage

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

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

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

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

Wie +0
Antwort hinzufügen
为情所困
为情所困2017-06-26 11:00:15 5 Etage

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

if (!is_success) {
        location.href = "../exit.html";
    }else {
        gourl();
    }
Wie +0
Antwort hinzufügen
学习ing
学习ing2017-06-26 11:00:15 4 Etage

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

    <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应该会发生跨域错误的吧，建议使用代理或者其他方式解决跨域问题。

Wie +0
Antwort hinzufügen
ringa_lee
ringa_lee2017-06-26 11:00:15 3 Etage

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

$(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里直接给个状态就行了。

Wie +0
Antwort hinzufügen
某草草
某草草2017-06-26 11:00:15 2 Etage

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

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

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

Wie +0
Antwort hinzufügen
三叔
三叔2017-06-26 11:00:15 1 Etage

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

Wie +0
Antwort hinzufügen
Beliebte Themen
Mehr>
Populäre Artikel
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！