rails4 ajax 例子,Ajax和Rails 4:创建实例变量并更新视图而不刷新
我有一个部分的coaching_notes索引和一个用于创建备注的表单。我想创建一个教练笔记,并进行部分更新而不刷新页面。我收到一个未知动作错误:CoachingNotesController无法找到'show'动作。如果我添加显示操作,我会收到缺少的模板错误。当我尝试从控制器中删除format.html部分时,我也遇到了未知格式错误。Ajax和Rails 4:创建实例变量并更新视图而不刷新
我在Rails文档之后模拟了我的代码,并回顾了一堆类似的情况,但无法使其工作。
任何帮助非常感谢!
/views/coaching_notes/_index.html.erb
/views/coaching_notes/_coaching_note.html.erb
/视图/ coaching_notes /创建。 js.erb
$("").appendTo("#coaching_notes");
/controllers/coaching_notes_controller.rb
def create
@coaching_note = CoachingNote.new(coaching_note_params)
respond_to do |format|
if @coaching_note.save
format.html { redirect_to @coaching_note, notice: 'note was successfully created.' }
format.js {}
format.json { render json: @coaching_note, status: :created, location: @coaching_note }
else
format.html { render action: "new" }
format.json { render json: @coaching_note.errors, status: :unprocessable_entity }
end
end
的routes.rb
resources :coaching_notes
UPDATE 17年7月15日 - 我已经根据修改的情侣档@ Cira的回答:
/views/coaching_no TES/_index.html.erb
true, :method => :delete, :data => {:confirm => "Are you sure?"} %>
// newly added
$('#submit_note').on("click", function() {
var u = $('#user').val()
var m = $('#meet').val()
var a = $('#arch').val()
var c = $('#content').val()
$.ajax({
url: "/coaching_notes/create",
type: "POST",
data: {
user_id: u,
meeting_id: m,
archive: a,
content: c
},
dataType: "json",
success: function(info) {
$('#coaching_notes').data("html", info)
}
});
})
(,我不知道的主要部分是成功的功能与数据属性)
/controllers/coaching_notes_controller.rb
def create
@coaching_note = CoachingNote.new(coaching_note_params)
@html = render_to_string :partial => "coaching_notes/index"
respond_to do |format|
if @coaching_note.save
format.html
format.json { render json: {"html" => @html} }
else
format.html { render action: "new" }
format.json { render json: @coaching_note.errors, status: :unprocessable_entity }
end
end
两件事: 1.我的成功功能在ajax中看起来是否正确? 2.我需要将if @coaching_note.save放在控制器中吗?
的错误,现在我得到的是“NoMethodError在CoachingNotes#创建 - 未定义的方法`每次”的零:NilClass'强调此行/ index.html中
然后我得到coaching_notes“失踪模板指导/索引'
我觉得我们正在接近!任何帮助表示赞赏!
2017-07-14
SVC
rails4 ajax 例子,Ajax和Rails 4:创建实例变量并更新视图而不刷新相关推荐
- Python基础学习——面向对象编程(第一讲:面向对象概述、面向对象三个基本特征(封装性、继承性、多态性)、类和对象(定义类、创建和使用对象、实例变量、类变量、构造方法、实例方法、类方法、静态方法))
面向对象是Python最重要的特性,在Python中一切数据类型都是面向对象的. 1.面向对象概述 面向对象的编程思想是,按照真实世界客观事物的自然规律进行分析,客观世界中存在什么样的实体,构建软件系 ...
- struts2框架下的一个简单的ajax例子
举个例子 jsp页面: <%@ page language="java" import="java.util.*" pageEncoding=" ...
- axios创建实例对象发送ajax请求_解决一个网页请求多个服务器场景---axios工作笔记009
然后我们再去看看,我们利用 axios去创建实例对象来发送ajax请求 可以看到上面我们创建了一个duanzi的axios对象. 然后我们在这个duanzi的axios对象中,指定默认的baseURL ...
- AJAX for Java简单表数据查询实例
AJAX for Java简单表数据查询实例<?XML:NAMESPACE PREFIX = O /> AJAX WebShop 3对Java开发具有良好的支持,同时也提供了各种层次的后台 ...
- ExtJs4 笔记(3) Ext.Ajax 对ajax的支持
原文地址为: ExtJs4 笔记(3) Ext.Ajax 对ajax的支持 <回到系列目录 本篇主要介绍一下ExtJs常用的几个对JS语法的扩展支持,包括Ajax封装,函数事件操作封装,还有扩展 ...
- 怎么中断一个ajax请求,ajax、fetch、axios如何中断请求?
先来说一说"中断请求"的实际场景,当页面有多个tab页签时,每次切换页签都会去请求数据,频繁的切换就会去请求很多次,比如A页签切换到B页签,A页签请求完全是不必要的,这时候可以在切 ...
- ajax入门实例代码,AJAX、AJAX实例及AJAX源代码
AJAX.AJAX实例及AJAX源代码 作者:佚名 来源:CNZZ 2008-1-4 AJAX介绍 AJAX 关键词: JavaScript脚本和可扩展标记语言(XML) WEB浏览器技术 开放式WE ...
- Unit01: AJAX 、 AJAX的使用
[Ajax] 同步交互与异步交互 同步交互:客户端向服务器端发送请求,服务器响应的过程中,用户 不能 做 任何 事情: 异步交互:客户端向服务器端发送请求,服务器响应的过程中,用户 可以 做 其他 事 ...
- 六十八、完成Vue项目推荐和周末游组件,并使用Ajax发起ajax请求
@Author:Runsen 2020/10/27. 周二.今天又是奋斗的一天. 写在前面:我是「Runsen」,热爱技术.热爱开源.热爱编程.技术是开源的.知识是共享的.大四弃算法转前端,需要每天的 ...
最新文章
- 批处理检查电脑是否中了冰河木马
- WIN7只能上QQ打不开网页,使用CMD输入netsh winsock reset
- Intel Realsense D435 python multiprocessing 摄像头多进程流传输
- task文件服务器无法输入,求助大神,win10的输入法无法使用,去开task sche
- Scala集合常用方法:reduceLeft/reduceRight
- feachall php_集合:给 PHP 数组插上翅膀
- CentOS7 1.搭建环境脚本
- android布局添加背景颜色,android-获取布局的背景色
- java for class_Java ObjectStreamClass forClass()方法与示例
- idea启动提示用户代理问题
- Chatopera王海良:大厂螺丝钉还是开源极客?年轻技术人如何选择?
- Socket编程---聊天室终极版-私聊群聊
- matlab 矩阵 黑白,各位好 请问怎么用0 1矩阵画出黑白的矩阵如下图所示
- 可批量查询企业工商数据信息的API
- 数字图像处理实验三各种图像类型转换
- 基于MDK-KILE5.23版本的STM32创建工程
- css3实现好看的边框效果
- 移动支付探索海外,将普及全球
- 【LOJ6515】贪玩蓝月
- JavaEE 企业级分布式高级架构师(十七)ElasticSearch全文检索(1)
热门文章
- “约见”面试官系列之常见面试题之第五十三篇之网站的资源优化(建议收藏)
- 前端学习(1910)vue之电商管理系统电商系统之完成用户的修改
- 前端学习(1891)vue之电商管理系统电商系统之el-table渲染表格
- 前端学习(1080):构造函数和原型
- spring学习(47):bean的作用域
- 第二十四期:面试问:Kafka为什么速度那么快?该怎么回答
- java学习(103):字符串概述
- java学习(63):普通内部类
- java容器集合类的区别用法_Java容器笔记(二):不同集合实现类的特点与区别...
- 程序员如何跟领导提离职_员工辞职不交接工作被领导怒怼:我不批离职,跟你耗着,结果蒙了...