javascript - 如何使ajax同步?

标签 javascript jquery ajax

<分区>

我如何利用它来实现功能?

         //check if station is alive
         $.ajax({
           url: "lib/grab.php",
           data: "check_live=1&stream_url="+valueSelected,
           type: "GET",
               success: function (resp) {
                 if (resp == 1) {
                   play_this(valueSelected);
                 } else {
                   //
                 }
               },
               error: function (e) {
                 console.dir(e);
               }
         });

我以为我可以做这样的事情:

function is_alive(valueSelected) {
result = false;
             //check if station is alive
             $.ajax({
               url: "lib/grab.php",
               data: "check_live=1&stream_url="+valueSelected,
               type: "GET",
                   success: function (resp) {
                     if (resp == 1) {
                       result = true;
                     } else {
                       //
                     }
                   },
                   error: function (e) {
                     console.dir(e);
                   }
             });
return result;
}

但显然由于 ajax 调用的异步特性,结果总是返回 false。

处理这种情况的技巧是什么?

似乎有效:

        //check if station is alive
        function is_alive(url) {
          //
          var result = false;
          //
          return $.ajax({
            url: "lib/grab.php",
            data: "check_live=1&stream_url="+url,
            type: "GET",
                success: function (resp) {
                  if (resp == 1) {
                    //
                    result = true;
                    //
                  }
                },
                error: function (e) {
                  console.dir(e);
                }
          }).then(function() {
            return $.Deferred(function(def) {
              def.resolveWith({},[result,url]);
            }).promise();
          });
        }

然后这样调用它:

    //Change song on select, works both for fav and station lists
    $(document).on("click", ".ui-listview li a", function(){
      var valueSelected = $(this).data("station-url");
      //
      is_alive(valueSelected).done(function(result,url){
          if (result) {
            //
            play_this(valueSelected);
            //
          }
      });
    });

最佳答案

您不必将其设为同步即可使其成为一个有用的函数。

function is_alive(valueSelected) {
    //check if station is alive
    return $.ajax({
        url: "lib/grab.php",
        data: "check_live=1&stream_url=" + valueSelected,
        type: "GET",
        error: function (e) {
            console.dir(e);
        }
    });
}

is_alive(somevalue).then(function(result){
    console.log(result, somevalue);
});

关于javascript - 如何使ajax同步?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19301863/

相关文章:

javascript - 将 div 实例化到容器内的随机空间

javascript - JS Revealing Pattern 事件未定义问题

javascript - Jquery Ajax Post 输入数据数组

c# - modalpopupextender 设置为多个目标控件 ID?

javascript - 通过调用带参数的 URL 获取 json 对象

javascript - jQuery Append 不 append 任何内容

javascript - Bootstrap 模态 : disable opening in new tab/window

javascript - 如何替换 ionic 页脚元素的文本内容?

javascript - 在动画期间盲目隐藏div

Jquery - Ajax 表单提交到 MySQL 查询