javascript - 如何调试 $http 异步调用?

标签 javascript jquery angularjs

我想看看我在 angularJS $http 调用中的响应是什么样的。但我不知道如何在那里停止执行? (成功回复后)

我尝试在该位置放置断点,但执行不会停止。 我什至尝试将 debugger 指令放在那里,但它并没有停止。 仅当 $http 调用(异步调用)时才会发生这种情况,否则断点会停止执行。

我在代码中标记了我想要停止执行程序的注释。

代码:

 $scope.OpenModal = function (event) {
    $("#myModal").css("display", "block");
    var parent_TD = $(event.currentTarget).parent();
    var cMEST_CDO2 = parent_TD.find("#inputDeliveryID").val();
    var res = null;
    $http({
      method: "POST",
      url: $scope.UrlGetDataFromCAORAM,
      data: { cMEST_CDO2: cMEST_CDO2 }
    }).then(function success(response) {

      /* I would like to stop the program in this point */

      res = response.data;
      $scope.inputCustomerData = res.ACCO_NME + " " + res.ACCO_ADD + " " + res.ACCO_ZIP + " " + res.ACCO_CIT + " " + res.ACCO_VAT;
      $scope.ORAC_DDE = res.ORAC_DDE;
      $scope.ORAC_NUM = res.ORAC_NUM;
      $scope.ArticleName = res.MERC_NME + " (" + MERC_CDO1 + ")";

    }, function failure() {
      alert("Error!");
    })

  }

这可能吗?

最佳答案

如果您想在此时停止执行,请在浏览器的“开发人员工具”中使用断点。

但是,如果您只想查看 HTTP 调用的响应,那么您可以查看浏览器开发工具的网络选项卡(假设您的浏览器具有此功能 - 所有流行的浏览器都有)并观察对您的调用的响应。

最后,您可以在响应回调中将响应(即使用 console.log(response))记录到控制台。

希望有帮助!

关于javascript - 如何调试 $http 异步调用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40973676/

相关文章:

javascript - 锤拖中心

javascript - 使用特定标签或具有特定 id/class 的 div 动态创建链接

javascript - AngularJS中$和$$的区别

javascript - 在nodejs中获取表单数据参数

javascript - "Permission denied"Tizen web 应用程序访问 Samsung Gear S3 frontier 上的心率监视器时出错

javascript - 如何将包含斜杠 ('/' 的字符串作为参数传递给 vue.js 中的路由

javascript - 执行ajax时如何将javascript变量值传递给jQuery validate() SubmitHandler

javascript - 使用 jQuery.getScript 导入多个文件

jquery - 如何在 Silverstripe 中使用自己版本的 jQuery

javascript - 订单函数调用