当前位置: 首页 > 面试题库 >

jQuery和数据属性可处理所有ajax调用?

祁彬
2023-03-14
问题内容

我正在考虑通过在属性链接上启用ajax来减少javascript代码量的方法。例:

<a href="/Default/Link.html" data-endpoint="/Ajax/Link.html" rel="targetId" async="true">Click me!</a>

async="true"将禁用链接(href)的默认行为,并使用该data- endpoint值进行Ajax调用并将其插入定义的元素ID中rel

我不是JS专家,所以我很高兴使用此方法的任何想法或陷阱。像cache:true这样的选项也可以传递,这很酷,但是并不是真正需要的,因为我想这样做以获得包含或多或少实时数据的局部视图(不需要缓存)。

(这是从我看到的有关Facebook如何将其代码最小化的演讲中获得启发的,但是与他们如何优化每一位’n个字节的内容相比,这可能非常简化)


问题答案:

像这样

HTML

<a href="/Default/Link.html" 
    data-endpoint="/Ajax/Link.html" 
    data-target="targetId" 
    data-cache="false",
    data-async="true">Click me!</a>

jQuery

$('a[data-async="true"]').click(function(e){
    e.preventDefault();
    var self = $(this),
        url = self.data('endpoint'),
        target = self.data('target'),
        cache = self.data('cache');

    $.ajax({
        url: url,
        cache : cache,
        success: function(data){ 
                       if (target !== 'undefined'){
                          $('#'+target).html( data );
                       }
                 }
    });
});


 类似资料:
  • 问题内容: 提交表单(ajax调用)后,我试图选择并集中于所选的组件ID。 此解决方案有效,但是存在问题,即称为AFTER ,因此在选择组件后呈现了表单,并清除了焦点。 呈现表单后如何调用函数? 更新:( 例如,我尝试过) 添加到=>导致刷新页面 添加到=>与属性相同的行为 接下来是attr。=>还是一样 update2 (应如何工作): 提交按钮被称为ajax 根据需要清洁表格 重点关注适当的领

  • 问题内容: 我已经在这里搜索了问题,但是我对如何在jQuery的AJAX中使用错误处理没有很好的了解(我是菜鸟,所以这真的没有意义。) 有人可以向初学者描述吗?我目前正在通过AJAX将信息发布到PHP脚本,但希望允许jQuery识别从脚本返回的数据是错误还是成功。 谢谢!戴夫 问题答案: 从ajax调用返回的错误是从不成功的页面加载返回结果。可能是您的php页面返回了一个有效的页面,但是结果不是您

  • 问题内容: 在我的html中,我有一个元素: 我想获取属性。我尝试了以下两种方法,但是它们没有用(都返回): 两者的答案均为。我知道不推荐使用(在我使用的jquery-1.11.0中),但是,我尝试了。 它奏效了! 有人可以解释为什么吗? 问题答案: 您可以使用以下功能: 或如果您将属性名称 小写 : 那么您可以使用以下功能: 该函数期望并仅与小写属性名称一起使用。

  • 问题内容: 我已经在互联网上的一些博客文章中阅读了相关信息,并在自己的应用中实施了缓解CSRF攻击的措施。这些帖子尤其是我实施的驱动力 来自ASP.NET和Web工具开发人员内容团队的ASP.NET MVC最佳实践 Phil Haack博客的跨站点请求伪造攻击剖析 ASP.NET MVC框架中的AntiForgeryToken- David Hayden博客的Html.AntiForgeryTok

  • 问题内容: 我想为ajax调用提供一种全局错误处理方法,这就是我现在所拥有的: 我需要忽略的错误。为null,为。我该如何检查? 问题答案: 我今天不得不处理相同的用例。我正在处理的应用程序具有这些长时间运行的ajax调用,这些调用可能会因1)用户导航离开或2)某种临时连接/服务器故障而中断。我希望错误处理程序仅针对连接/服务器故障而不是用户导航运行。 我首先尝试了Alastair Pitts的答

  • 问题内容: 我正在尝试在jquery的AJAX调用中使用变量,但是它不起作用。移动变量包含不同的值。请检查以下代码: 建议在数据中使用$ move变量的任何方法。 问题答案: 它应该是