跨域 $.ajax 调用引发 ajaxError？

发布于 2024-10-24 07:09:09 字数 1245 浏览 2 评论 0原文

当我使用 $.ajax 调用（在跨域调用上）时，我无法触发 jQuery 的 ajaxError 全局处理程序。有什么办法让它火起来吗？

我已经包括了一个快速&下面的脏测试（改编自那么 $.ajaxError 是如何工作的？）。实际上，即使我明确地将 global 设置为 true，也不会触发任何全局 ajax 事件。如果我将 $.ajax 转换为 $('result').load ，它可以正常工作，但这不是我想要的。

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>jQuery Sandbox</title>
  </head>
  <body>
    <div class="trigger">Trigger</div>
    <div class="result"></div>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
    <script type="text/javascript">
      $(function () {
        $(document).ajaxError(function (e, xhr, settings, exception) {
          alert(I broke);
        });

        $('.trigger').click(function () {
          $.ajax({
            type: "GET",
            global: true,
            url: 'http://localhost/error',
            success: function(data){
              alert('ftw');
            },
            dataType: "jsonp",
          });
        });
      });
    </script>
  </body>
</html>

感谢您的任何帮助。

原文

I'm having trouble getting jQuery's ajaxError global handler firing when I use a $.ajax call (on a cross domain call). Is there any way to get it to fire?

I've included a quick & dirty test (adapted from So how does $.ajaxError work?) below. Actually, none of the global ajax events fire, even if I explicitly set global to true.If I convert the $.ajax to a $('result').load it works fine, but that's not what I want.

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>jQuery Sandbox</title>
  </head>
  <body>
    <div class="trigger">Trigger</div>
    <div class="result"></div>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
    <script type="text/javascript">
      $(function () {
        $(document).ajaxError(function (e, xhr, settings, exception) {
          alert(I broke);
        });

        $('.trigger').click(function () {
          $.ajax({
            type: "GET",
            global: true,
            url: 'http://localhost/error',
            success: function(data){
              alert('ftw');
            },
            dataType: "jsonp",
          });
        });
      });
    </script>
  </body>
</html>

Thanks for any help.

分享到QQ

分享到微博