首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

呈现.json.erb模板时未调用jQuery .done

是指在使用jQuery进行前端开发时,没有调用.done()方法来处理异步请求返回的数据。

在前端开发中,经常需要通过异步请求获取服务器返回的数据,并将其展示在页面上。而jQuery提供了方便的方法来处理异步请求,其中.done()方法用于处理请求成功后的回调函数。

在呈现.json.erb模板时,通常会使用jQuery的$.ajax()方法或$.getJSON()方法来发送异步请求,并通过.done()方法来处理返回的数据。例如:

$.ajax({

url: "example.json",

dataType: "json"

})

.done(function(data) {

// 处理返回的数据

// 在这里可以将数据展示在页面上或进行其他操作

})

.fail(function() {

// 处理请求失败的情况

});

在这个例子中,我们通过$.ajax()方法发送了一个GET请求,请求的URL是example.json,数据类型是json。然后通过.done()方法来处理返回的数据,可以在回调函数中进行展示或其他操作。如果请求失败,可以通过.fail()方法来处理失败的情况。

对于呈现.json.erb模板时未调用jQuery .done的情况,可能会导致异步请求的返回数据没有被正确处理,从而无法在页面上展示或进行其他操作。

总结起来,调用jQuery的.done()方法可以确保在异步请求返回数据后进行相应的处理,是前端开发中常用的方法之一。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Web前端-Ajax基础技术(下)

效果 readyState 0 xhr被创建,调用open()方法 1 open()方法被调用,建立了连接 2 send()方法被调用,可以获取状态行和响应头 3 响应体下载中,responseTest.../art-template/ art-template是一个简约,超快的模板引擎,采用作用域声明的技术来优化模板渲染速度。...https://www.jquery123.com/category/ajax/ function ajax(method, url, params, done) { // 统一转换大写 method....ajaxStop() 在ajax请求完成执行一个处理函数 .ajaxSuccess() 绑定一个函数当ajax请求成功完成执行 jQuery.ajax() 执行一个异步的http(ajax)请求...原理是在客户端借助script标签请求服务端的一个动态网页,服务端的这个动态网页返回一段带有函数调用的javascript全局函数调用的脚本,将原本需要返回给客户端的数据传递进去。

2.5K30

Web API--入门--(一)ASP.NET Web API 2(C#)入门

在“ 模板 ”窗格中,选择“已安装的模板”并展开Visual C#节点。在Visual C#下,选择Web。在项目模板列表中,选择ASP.NET Web应用程序。...使用Javascript和jQuery调用Web API 在本节中,我们将添加一个使用AJAX调用Web API的HTML页面。我们将使用jQuery来进行AJAX调用,并且还可以使用结果更新页面。...您还可以从http://jquery.com/下载它,ASP.NET“Web API”项目模板也包括jQuery。...jQuery getJSON函数发送一个AJAX请求。对于响应包含JSON对象的数组。该done函数指定在请求成功时调用的回调。在回调中,我们使用产品信息更新DOM。...使用F12查看HTTP请求和响应 当您使用HTTP服务,查看HTTP请求和请求消息非常有用。您可以使用Internet Explorer 9中的F12开发人员工具来执行此操作。

4.2K10
  • JavaScript学习总结(二)——延迟对象、跨域、模板引擎、弹出层、AJAX示例

    当延迟成功,doneCallbacks被调用。回调执行是依照他们添加的顺序。一旦deferred.done()返回延迟对象,延迟对象的其它方法也可以链接到了这里,包括增加.done()方法。...当延迟失败,doneCallbacks被调用。回调执行是依照他们添加的顺序。一旦deferred.fail()返回延迟对象,延迟对象的其它方法也可以链接到了这里,包括增加.done()方法。...或者,使用.done()或.fail()仅设置doneCallbacks或failCallbacks。当递延解决,doneCallbacks被调用。若递延代替拒绝,failCallbacks被调用。...(2) deferred.done() 指定操作成功的回调函数 (3) deferred.fail() 指定操作失败的回调函数 (4) deferred.promise() 没有参数,返回一个新的...4)、template.helper(name, callback) 添加辅助方法,让模板引擎调用自定义的javascript方法。

    3.6K50

    jQuery学习笔记

    只有当 obj是一个DOM对象才能使用 obj.innerHTML;相应地,如果是jQuery对象应该使用 obj.html() 。...事件类型 行为事件: .click() 单击 .dbclick() 双击 .blur() 失去焦点 .change() 值变化时 .focus() 获取焦点 .focusin() jQuery扩展的获取焦点...Deferred Deferred对象是在jQuery1.5中引入的回调管理对象。其作用是把一堆函数按顺序放入一个调用链,然后根据状态来依次调用这些函数。AJAX的所有操作都是使用它来进行封装的。...done和 fail互斥,只能激发一个。 process可以被重复激发,而 done和 fail只能激发一次。 然后,jQuery提供了一些函数用于添加回调,激发状态等。...(function () { console.log("hello"); }); 等同于是调用了两次 defer.done, defer.done ,注册的两次回调函数依次被执行后

    3.5K20

    jQuery源码研究:jQuery原型对象上的属性方法(下)

    这个each()方法其实通过返回真实的each方法的引用来实现的,具体在后面读到jQuery.extend属性再看。 map()方法,同样也是一个遍历方法。...看到没,返回的依然是一个新的通过pushStack创建的jQuery对象集合,这个方法传入的参数其实就是通过apply调用的数组的slice分割方法,对slice方法不熟的,可以看下官方API文档,唔,...注意,在计算j的值的表达示右边中,有个+i,其作用是:当i大于0无效,但当i小于0,就会用len-i计算出索引值,这是符合js官方数组索引计算规则的。...说的不太让人懂,虽然用也会用,不就是在jQuery实例对象进行DOM选择链条中返回选状态么,但其实看代码实现更明确: jQuery.prototype = { end: function(){...Done.

    86850

    页面滚动,元素跳动;附带jquery.scrollex.js插件

    本文以模板之家的 “全屏Story日记本个人主页自适应模板”为例,解析这两种动画实现的方式之一。该例子除了动画的加载效果外,还有自适应相关代码(支持PC端和移动端)。...滚动到要实现动画的元素(is-inactive): 其实和上面的意思一样: 在滚动到该元素,显示假位置。...当滚动到该元素,去掉class:is-inactive 而监听滚动事件和判断是否去掉class:is-inactive 使用的是jquery.scrollwx.js插件 二、使用方法 要使用这个..." src="js/jquery.scrollex.js"> 调用插件 在页面DOM元素加载完毕之后,你可以通过scrollex()方法来初始化插件。...· terminate:当unscrollex()方法在某个元素上调用时触发,它的作用是撤销前一个scrollex()调用。 · scroll:在某个元素滚动通过视口触发。

    5.6K10

    带你认识 flask 用户通知

    在这里,我直接从模板调用上面添加到User模型中的new_messages()方法,并将该数字存储在new_messages模板变量中。...当更新发生,客户端将调用set_message_count()函数来使用户知道更新。...如果数据库已经有一个带有这个名称的通知,例如值为3,则当用户收到新消息并且消息计数变为4,我就会替换旧的通知 在任何读消息数改变的地方,我需要调用add_notification(),以便我更新用户的通知...你已经在第二十章中看到了jQuery的$(function() { ...})模式。 这是注册一个函数在页面加载后执行的方式。 对于这个功能,我需要在页面加载做的是设置一个定时器来获取用户的通知。...而当你点击消息链接读消息数重置为零。

    1.9K30

    ASP.NET MVC的客户端验证:jQuery的验证

    假设具体的验证操作实现在validate函数中,那么我们可以采用如下的HTML相应的文本框在失去焦点的时候对输入的数据实施验证。...,让CSS控制内容呈现的样式,而所有功能的实现定义在JavaScript中,所以用于实现验证对JavaScript的调用不应该出现在HTML中。...虽然演示jQuery验证使用一个单纯的HTML文件就可以了,但是在这里我们还是通过Visual Studio的ASP.NET MVC项目模板创建一个空的Web应用,这样做有两个目的:其一、项目在创建过程中会自动添加包含...而真正对输入实施验证体现在如下一段JavaScript调用中,在这里我们仅仅是调用元素的validate方法而已。...当我们输入不合法的数据相应的错误消息显示在被验证元素的右侧,具体的效果如下图所示。 ?

    8.2K90

    ASP.NET Core MVC 概述

    如果将表示代码和业务逻辑组合在单个对象中,则每次更改用户界面都必须修改包含业务逻辑的对象。 这常常会引发错误,并且需要在每次进行细微的用户界面更改后重新测试业务逻辑。...接收传入请求,路由引擎分析 URL 并将其匹配到定义的 URL 格式之一,然后调用关联的控制器操作方法。...验证属性在值发布到服务器前在客户端上进行检查,并在调用控制器操作前在服务器上进行检查。...在模型类型上指定的验证逻辑作为非介入式注释添加到呈现的视图,并使用 jQuery 验证在浏览器中强制执行。 依赖关系注入 ASP.NET Core 内置有对依赖关系注入 (DI) 的支持。...Razor 视图引擎 ASP.NET Core MVC 视图使用 Razor 视图引擎呈现视图。 Razor 是一种紧凑、富有表现力且流畅的模板标记语言,用于使用嵌入式 C# 代码定义视图。

    6.4K20

    jQuery的deferred对象详解

    即事先规定,一旦它们运行结束,应该调用哪些函数。 但是,在回调函数方面,jQuery的功能非常弱。为了改变这一点,jQuery开发团队就设计了deferred对象。...如果执行状态是"已完成"(resolved),deferred对象立刻调用done()方法指定的回调函数;如果执行状态是"已失败",调用fail()方法指定的回调函数;如果执行状态是"未完成",则继续等待...,或者调用progress()方法指定的回调函数(jQuery1.7版本添加)。...正是因为有了这一行,后面才能直接在wait上面调用done()和fail()。...(2) deferred.done() 指定操作成功的回调函数   (3) deferred.fail() 指定操作失败的回调函数   (4) deferred.promise() 没有参数,返回一个新的

    1.3K60

    JQuery-命令速查-CheatSheet

    filter 和 find 的区别 结论 submit a form in ajax success callback-AJAX 成功回调函数中提交 Form API JQuery-Error...)(btn) 试了几个方法, 比如将参数放到.done()里面作为第二个参数等等都不行, 只需要建立一个闭包即可实现 .done()可以接受三个参数 function onMyUrlLoaded(...v; }); $("input[type='checkbox']").is(':checked') 返回结果:选中=true,选中=false ---- 获取 Iframe 里面的元素 和 Jquery...请求成功调用回调函数。如果需要在出错执行函数,请使用 .ajax。 参数 Attr Exp url 必需。规定将请求发送的哪个 URL。 data 可选。规定连同请求发送到服务器的数据。...) 实际上是将 Jquery 传进去并执行了 extend 方法, 之后可以通过$.xxx(arg1, arg2)进行调用 Example 或者 jQuery 仅仅是一个 constructor,

    9.7K30

    ASP.NET MVC使用Bootstrap系统(2)——使用Bootstrap CSS和HTML元素

    通过为 元素添加以下相应的类,可以让图片呈现不同的形状。...").Include( "~/Scripts/jquery.validate*")); 但是jquery.validate.bootstrap.js必须在jquery validate 插件后加载,...ASP.NET MVC包含了若干的编辑模板,当然我们也可以实现扩展。编辑模板类似于局部视图,不同的是,局部视图通过name来渲染,而编辑模板通过类型来渲染。...所以,为了让Editor helper生成class为form-control的表单元素,我们需要创建一个自定义的编辑模板来重写旧的模板。...ToString(), new { @class = "form-control", rows = 3 }) 为了让我们的Model的属性在渲染采用MultilineText.cshtml编辑模板,我们需要为属性指定

    3.8K40
    领券