首页 > 解决方案 > 承诺履行后重定向到javascript中的另一个页面?

问题描述

我有一个通过 javascript 提交的表单。在表单提交上,我调用以下函数在循环中运行 ajax 请求以更新所有版本,我想在更新所有版本时重定向到另一个 url。我正在尝试使用 promise resolve 方法,但不确定如何在循环中与 ajax 和 ajax 一起使用,以下是我的代码。

 <script>
    $(document).ready(function(){
        $('#frm').submit(function(e){
            e.preventDefault();
            var fields = $(this).serialize();
            var a =  $(this);
            $.ajax({
                type: "POST",
                url: "",
                data: fields,
                success: function(res) {
                    console.log(res)
                    count += updateVersion(fields,a);
                },
                error: function(res) {
                    console.log(res)
                }
            });
            console.log('count',count);
        })
    });
    </script>

成功后,我调用了一个方法“updateVersion”,在该方法中我使用 ajax 为多个版本更新 json。

function updateVersion(fields,e){
    var versions = ["v5","v6","v7","v8","v9","v4"];
    const promise = new Promise((resolve, reject) => { 
        $.each(versions, function(key, v) {
            $.ajax({
                type: "POST",
                url: "",
                data: e.serialize()+ "&update_json=1&version="+v,
                success: function(res) {
                    console.log(res)
                    status = 1;
                },
                error: function(res) {
                    console.log(res)
                }
            });
        });
        resolve(window.location.href= "https://www.example.com");
    });
    promise.then((successMessage) => {
      console.log('Got data! Promise fulfilled.');
    }, error => {
      console.log('Promise rejected.');
      console.log(error.message);
    });
}

任何帮助将不胜感激。谢谢!

标签: javascriptphphtmlajaxpromise

解决方案


推荐阅读