Loading [MathJax]/jax/input/TeX/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >从多个控制器操作中更新相同视图- Rails

从多个控制器操作中更新相同视图- Rails
EN

Stack Overflow用户
提问于 2015-07-10 08:55:34
回答 1查看 662关注 0票数 0

我的应用程序只有一个视图页。“我的视图”页(oneview.haml)具有以下流程。

  1. 最初,它只包含带有提交按钮的表单。这是与默认控制器动作oneview(加载初始oneview.haml)一起加载的。
  2. 一旦用户填充表单并单击submit,我就必须调用一个新的控制器操作,并使用表单细节执行API调用,返回的数据必须在同一个视图(oneview.haml)上更新。不应该重新加载oneview.haml,它必须在没有刷新的情况下进行更新。让这张表有一些可点击的行。
  3. 如果用户单击其中一行,则必须调用新的控制器操作。该控制器还根据可单击行中传递的参数来转换一些api调用,并添加一个新的div,并将该行的详细信息添加到同一页中。这里,页面也不应该重新加载,但必须通过添加额外的div来更新。

我对rails有点陌生,以前也没有处理过ajax。我知道动态加载和所有处理ajax。但我在这里的观点是,不同的控制器操作如何更新已经存在的视图。我知道从控制器呈现中我们可以加载页面,但是如何将内容添加到已经存在的不同控制器操作中。

我知道这是个很长的问题,我已经坚持了几天了。如有任何帮助和参考,将不胜感激。谢谢

EN

回答 1

Stack Overflow用户

发布于 2015-07-10 09:09:35

最基本的参考资料可以在JQuery站点上找到阿贾克斯

听起来,您希望将on事件绑定到将运行ajax调用的DOM元素,然后使用通过上述调用传递的数据在页面上执行某些操作。

简单点击绑定:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$(document).on('click', 'selector', function() {
    //AJAX call
});

示例AJAX调用和教程

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
 $.ajax({
    type: "GET",
    url: "methodUrl",
    success: function (returnedData) {
    //Do stuff with returnedData, for example appending html type data
    $("selector").append(returnedData);
    }
});

您可以添加错误处理,将数据作为方法的参数发布到后端,返回与发送的数据不同的数据类型(使用contentType发送数据,使用dataType接收数据),以及其他各种可定制的选项,具体取决于您需要做什么。

一般来说,AJAX是一种很好的方式,可以在不发送完整页面重新加载请求的情况下访问服务器并操作对象和页面。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/31346317

复制
相关文章
Rails布局和视图渲染
基于“多约定,少配置”原则,在 index 动作末尾并没有指定要渲染的视图,Rails会自动在控制器的视图文件夹中寻找 action_name.html.erb 模板,然后渲染。这里渲染的就是 app/views/books/index.html.erb
用户1515472
2019/07/24
3.4K0
MVC 控制器中传递dynamic(对象) 给视图
 有时候不想重新定义一个实体,则使用 dynamic 来定义匿名类型。 //匿名类型 传递到前台 Model dynamic viewModel = n
纯粹是糖
2018/03/14
8810
MVC 控制器中传递dynamic(对象) 给视图
从视图到控制器的传值方法(表单)
Views中: 将数据提交到某个控制器的方法中,在该方法中去做处理 <form action="/控制器/get"method=“post”> 姓名:<input type="text" name="SName"/> //SName是属性名称 性别:<input type="radio" name="sex" value="男"/>; <input type="radio" name="sex" value="女"/> //sex是属性名称 <input type="submit" valu
wfaceboss
2019/04/08
1.9K0
iOS小技巧·把子视图控制器的视图添加到父视图控制器
把子视图控制器的视图添加到父视图控制器并覆盖 添加子控制器 #pragma mark - 添加子控制器 - (void)addSubControllers{ [self addChildViewController:_childViewController]; [self.view addSubview:_childViewController.view]; [_childViewController.view mas_makeConstraints:^(MASConstraintMaker
陈满iOS
2018/09/10
9740
IOS开发之视图和视图控制器
        视图(View), 视图控制器(ViewController)是IOS开发UI部分比较重要的东西。在学习视图这一块的东西的时候,感觉和Java Swing中的Panel差不多。在UIKit框架中都有一个UIWindow来容纳我们的View。应用程序中几乎全部的可视控件都是UIView以及UIView的子类的实例,并且UIWindow也是UIView的子类。UIWindow可以不借助于父类视图显示在屏幕上,其余的视图都需要添加到父视图中才能显示。窗口是用来显示视图的,下面我们将会结合着实例来具
lizelu
2018/01/11
1.8K0
IOS开发之视图和视图控制器
MySQL视图更新
昨天在写美团2019秋招笔试题的时候遇到了关于视图是否能更新的问题,突然感觉这个问题之前复习的时候重点关注过,但是却又想不全。今天特地搜了一些资料总结一下。本文主要说明视图的更新限制,如需关于视图的更多知识,参考:MySql视图原理讲解与使用大全
lin_zone
2018/10/10
3.3K0
多个FeignClient使用相同的name
FeignClient标签默认使用name属性作为bean name,name属性同时为服务名。 如果指定了contextId属性,则使用contextId作为bean name。 如此可为一个服务创建多个FeignClient: @FeignClient(name = "my-service-id", contextId = "my-service-id-api1") public interface Api1FeignClient { } @FeignClient(name = "my-service
路过君
2020/12/17
3.5K0
python find()找多个相同子
#!coding:utf-8 cont="find()方法判断字符串str,如果起始索引beg和结束end索引能找到在字符串或字符串的一个子串中。" S_a=cont.find('字符串') S_b=cont.find('字符串',S_a) print(S_a) #18 print(S_b) #18 上面代码直接用返回的S_a的值寻找的是相同位置 S_a=cont.find('字符串') S=S_a+1 S_b=cont.find('字符串',S) print(S_a)
py3study
2020/01/08
2.4K0
iOS开发中活动视图控制器UIActivityViewController的应用
    在iOS开发中,UIActivityViewController常用来弹出分享面板,其实除了用来社会化分享,UIActivityViewController还有一大应用是用来进行自定义行为。先看如下示例代码:
珲少
2018/08/15
3.8K1
iOS开发中活动视图控制器UIActivityViewController的应用
vue中 不更新视图的处理办法?
方案一:利用Vue.set(object,key,val) 例:Vue.set(vm.obj,'key','value') 方案二:利用this.$set(this.obj,key,val) 例:this.$set(this.obj,'key','value') 方案三:利用Object.assign({},this.obj)创建新对象 Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。 Object.assign(target, ...so
青梅煮码
2023/01/16
2K0
从Web开发者的视角来解读MVC架构
原文标题:An Introduction to MVC Architecture: A Web Developer's Point of View,作者:Dipen Patel
Lemon黄
2019/11/27
3.5K0
从Web开发者的视角来解读MVC架构
SpringMVC的视图控制器(二)
现在我们已经配置了 SimpleUrlHandlerMapping 和 InternalResourceViewResolver,可以使用它们来创建视图控制器了。要创建视图控制器,需要创建一个带有 @Controller 注解的类,并在这个类中添加用于处理 URL 的方法。这些方法将使用 InternalResourceViewResolver 来将视图名称解析为实际的视图,并将这些视图呈现给用户。下面是一个创建视图控制器的示例:
堕落飞鸟
2023/05/13
3530
Rails 从入门到完全放弃
这是一篇关于Rails的开发经历的文章,旨在将Rails中遇到的各种问题分享给还未接触Rails或是已经上路的朋友。虽说做Rails的开发时间不长,刚好一年多。但是,在这一年的时间中,该使用的技术架构,Ruby-China 推荐的Gem包,都尝试过使用过了,也为业务开发了一些Gem包。谈不上精通Rails,如果把Rails作者定为最高等级,他是F1赛车手,我该是个跑出租的老司机。
零式的天空
2022/03/22
2.2K0
jquery validate 如何校验多个相同name
本文来源 : http://www.cnblogs.com/danywdd/p/5667903.html
翟凤玺
2020/10/29
1.1K0
[CodeIgniter4]概述-模型,视图和控制器
当创建一个应用的时候,我们需要有一种便捷的代码结构。和很多 Web 框架类似, CodeIgnite 框架也使用了模型、视图、控制器结构,即 MVC 模式,来组织接着代码文件。这种方式可以将数据,展示部分和流程部分分别作为单独的部分存放在我们的应用中。需要注意的是,可能每个人会对某个元素所担任的角色有不同的看法,那么,下面我们就通过这个文档说明这些元素所担任的角色。
landv
2020/03/05
7710
点击加载更多

相似问题

Rails :从单个视图/控制器更新多个模型

13

从控制器操作加载多个视图

12

针对一个更新控制器操作的Rails 5多个编辑视图

10

Rails -来自相同操作(索引)的多个视图(管理,常规)

35

ZF2 -控制器中多个操作的相同视图文件

20
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文