我有一个部分的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:创建实例变量并更新视图而不刷新相关推荐

  1. Python基础学习——面向对象编程(第一讲:面向对象概述、面向对象三个基本特征(封装性、继承性、多态性)、类和对象(定义类、创建和使用对象、实例变量、类变量、构造方法、实例方法、类方法、静态方法))

    面向对象是Python最重要的特性,在Python中一切数据类型都是面向对象的. 1.面向对象概述 面向对象的编程思想是,按照真实世界客观事物的自然规律进行分析,客观世界中存在什么样的实体,构建软件系 ...

  2. struts2框架下的一个简单的ajax例子

    举个例子 jsp页面: <%@ page language="java" import="java.util.*" pageEncoding=" ...

  3. axios创建实例对象发送ajax请求_解决一个网页请求多个服务器场景---axios工作笔记009

    然后我们再去看看,我们利用 axios去创建实例对象来发送ajax请求 可以看到上面我们创建了一个duanzi的axios对象. 然后我们在这个duanzi的axios对象中,指定默认的baseURL ...

  4. AJAX for Java简单表数据查询实例

    AJAX for Java简单表数据查询实例<?XML:NAMESPACE PREFIX = O /> AJAX WebShop 3对Java开发具有良好的支持,同时也提供了各种层次的后台 ...

  5. ExtJs4 笔记(3) Ext.Ajax 对ajax的支持

    原文地址为: ExtJs4 笔记(3) Ext.Ajax 对ajax的支持 <回到系列目录 本篇主要介绍一下ExtJs常用的几个对JS语法的扩展支持,包括Ajax封装,函数事件操作封装,还有扩展 ...

  6. 怎么中断一个ajax请求,ajax、fetch、axios如何中断请求?

    先来说一说"中断请求"的实际场景,当页面有多个tab页签时,每次切换页签都会去请求数据,频繁的切换就会去请求很多次,比如A页签切换到B页签,A页签请求完全是不必要的,这时候可以在切 ...

  7. ajax入门实例代码,AJAX、AJAX实例及AJAX源代码

    AJAX.AJAX实例及AJAX源代码 作者:佚名 来源:CNZZ 2008-1-4 AJAX介绍 AJAX 关键词: JavaScript脚本和可扩展标记语言(XML) WEB浏览器技术 开放式WE ...

  8. Unit01: AJAX 、 AJAX的使用

    [Ajax] 同步交互与异步交互 同步交互:客户端向服务器端发送请求,服务器响应的过程中,用户 不能 做 任何 事情: 异步交互:客户端向服务器端发送请求,服务器响应的过程中,用户 可以 做 其他 事 ...

  9. 六十八、完成Vue项目推荐和周末游组件,并使用Ajax发起ajax请求

    @Author:Runsen 2020/10/27. 周二.今天又是奋斗的一天. 写在前面:我是「Runsen」,热爱技术.热爱开源.热爱编程.技术是开源的.知识是共享的.大四弃算法转前端,需要每天的 ...

最新文章

  1. 批处理检查电脑是否中了冰河木马
  2. WIN7只能上QQ打不开网页,使用CMD输入netsh winsock reset
  3. Intel Realsense D435 python multiprocessing 摄像头多进程流传输
  4. task文件服务器无法输入,求助大神,win10的输入法无法使用,去开task sche
  5. Scala集合常用方法:reduceLeft/reduceRight
  6. feachall php_集合:给 PHP 数组插上翅膀
  7. CentOS7 1.搭建环境脚本
  8. android布局添加背景颜色,android-获取布局的背景色
  9. java for class_Java ObjectStreamClass forClass()方法与示例
  10. idea启动提示用户代理问题
  11. Chatopera王海良:大厂螺丝钉还是开源极客?年轻技术人如何选择?
  12. Socket编程---聊天室终极版-私聊群聊
  13. matlab 矩阵 黑白,各位好 请问怎么用0 1矩阵画出黑白的矩阵如下图所示
  14. 可批量查询企业工商数据信息的API
  15. 数字图像处理实验三各种图像类型转换
  16. 基于MDK-KILE5.23版本的STM32创建工程
  17. css3实现好看的边框效果
  18. 移动支付探索海外,将普及全球
  19. 【LOJ6515】贪玩蓝月
  20. JavaEE 企业级分布式高级架构师(十七)ElasticSearch全文检索(1)

热门文章

  1. “约见”面试官系列之常见面试题之第五十三篇之网站的资源优化(建议收藏)
  2. 前端学习(1910)vue之电商管理系统电商系统之完成用户的修改
  3. 前端学习(1891)vue之电商管理系统电商系统之el-table渲染表格
  4. 前端学习(1080):构造函数和原型
  5. spring学习(47):bean的作用域
  6. 第二十四期:面试问:Kafka为什么速度那么快?该怎么回答
  7. java学习(103):字符串概述
  8. java学习(63):普通内部类
  9. java容器集合类的区别用法_Java容器笔记(二):不同集合实现类的特点与区别...
  10. 程序员如何跟领导提离职_员工辞职不交接工作被领导怒怼:我不批离职,跟你耗着,结果蒙了...