Jquery ajax abort() 在控制台上给出错误

标签 jquery ajax

我的 jQuery 代码(如下)方法给出以下错误:

TypeError: jQuery111007245809631238611_1456231588251 is not a function

    $(function() {
      // Ajax request sent.
      var xhr = $.ajax({
        url: 'http://gdata.youtube.com/feeds/api/videos/wbB3lVyUvAM?v=2&alt=jsonc',
        data: {
          format: 'json'
        },
        beforeSend: function() {

        },
        dataType: 'jsonp',
        success: function(data) {
          //console.log(data);
          $('#info').html(data.error.message);
        },
        type: 'GET',
        error: function() {
          if (xhr.statusText == 'abort') {
            $('#info').html('Aborted!');
            return;
          }
          alert('error');
        }
      });
      // Abort ajax request on click


      $('#btn').on('click', function() {

        xhr.abort();
      });
    });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<body>

<button id="btn">click to abort </button>

  <div id="info"></div>
</body>

(也可在 Aborting jQuery JSONP request will throw error 获取)

有什么办法可以修复这个错误吗?

最佳答案

你必须使用

请求中的数据类型:'json'..

    $(function() {
      // Ajax request sent.
      var xhr = $.ajax({
        url: 'http://gdata.youtube.com/feeds/api/videos/wbB3lVyUvAM?v=2&alt=jsonc',
        data: {
         dataType:'json'
        },
        beforeSend: function() {

        },
        dataType: 'jsonp',
        success: function(data) {
          //console.log(data);
          $('#info').html(data.error.message);
        },
        type: 'GET',
        error: function() {
          if (xhr.statusText == 'abort') {
            $('#info').html('Aborted!');
            return;
          }
          alert('error');
        }
      });
      // Abort ajax request on click


      $('#btn').on('click', function() {

        xhr.abort();
      });
    });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<body>
  <div id="info"></div>
</body>

关于Jquery ajax abort() 在控制台上给出错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35578155/

相关文章:

javascript - 取消绑定(bind)内联 onClick 在 jQuery 中不起作用?

asp.net - 最佳实践 - 从代码隐藏中设置 jQuery 属性

ajax - GSP中的Grails remoteFunction AJAX函数,访问用于参数的变量

javascript - 如何根据百分比添加 svg 圆圈?

jquery - 流程图从mysql ajax js中提取数据

jquery - 在我无法控制的任何 AJAX 调用之后使用 JQuery 修改 DOM

javascript - 保持应用程序和 NodeJS 之间的连接 2 分钟

javascript - 将按钮插入到内容脚本的 DOM 中

javascript - SVG,当我动态创建文本时,文本不会在 textPath 上呈现

javascript - 我可以使用验证函数在 span id 标记内输出错误消息吗?