ROR rails ajax 数据的提交验证与添加问题

问题描述

研究rails也有一段时间了,最近使用其开发一个简单的报名系统,其中遇到了一些技术上面的问题.整个页面分成两个部分:1.已有条目的显示(格式如下)引用

解决方案

1.首先是增加条目的代码:<%= form_remote_tag :url =>{:controller=>"enroll_info/edit_score",:action=>:add_score}%> 因为采用ajax的话,传回的JS会自己执行不需要eval2.另外在服务器端使用RJS:如果成功:page.insert_html :bottom,'items',:partial => 'item',:object => @itempage['markerror'].hide();如果失败:page['markerror'].show();3.另外,RJS是可以直接写在控制器里的,如果像比较简单的rjs代码,就可以直写在控制器里,如果很复杂,就必须写在add_score.js.rjs文件里了像楼主的这个控制就可以这样写:respond_to do |format| format.js do if @item.save render :update do |page| page.insert_html :bottom,'items',:partial => 'item',:object => @item page['markerror'].hide() end else render :update do |page| page['markerror'].show(); end end endend

时间: 2025-01-02 18:42:04

ROR rails ajax 数据的提交验证与添加问题的相关文章

Yii基于CActiveForm的Ajax数据验证用法示例_php实例

本文实例讲述了Yii基于CActiveForm的Ajax数据验证用法.分享给大家供大家参考,具体如下: 1. 视图定义form表单开启ajax验证 $form = $this->beginWidget('CActiveForm', array( 'id'=>'zdzone-form', 'enableAjaxValidation'=>true,//开启ajax验证 'enableClientValidation'=>true,//开启客户端验证,生成js 'action'=>

Yii基于CActiveForm的Ajax数据验证用法示例

本文实例讲述了Yii基于CActiveForm的Ajax数据验证用法.分享给大家供大家参考,具体如下: 1. 视图定义form表单开启ajax验证 $form = $this->beginWidget('CActiveForm', array( 'id'=>'zdzone-form', 'enableAjaxValidation'=>true,//开启ajax验证 'enableClientValidation'=>true,//开启客户端验证,生成js 'action'=>

jQuery基于ajax()使用serialize()提交form数据的方法_jquery

本文实例讲述了jQuery基于ajax()使用serialize()提交form数据的方法.分享给大家供大家参考,具体如下: jQuery的serialize()方法通过序列化表单值,创建URL编码文本字符串,我们就可以选择一个或多个表单元素,也可以直接选择form将其序列化,如: <form action=""> First name: <input type="text" name="FirstName" value=&qu

php采用ajax数据提交post与post常见方法总结_php技巧

本文实例讲述了php采用ajax数据提交post与post常见方法.分享给大家供大家参考.具体方法如下: 在很多情况下我们使用ajax是不会有什么问题的,但有时会碰到ajax数据提交post不完整的问题,这里举例给大家分析一下. 下边是一个标准的ajax请求代码,正常情况下是不会有任何问题的,但是,在特定情况下就会出现问题,比如,username=fdas&321的时候,或者参数值中出现了&符号,经过了N多遍测试,发现数据都传输了,但是打印出来数据是半截,最后仔细观察头信息发现传输的头不对

webapi-.NET MVC4.0如何从后台POST提交数据给WEBapi,不用AJAX 形式 post 提交?

问题描述 .NET MVC4.0如何从后台POST提交数据给WEBapi,不用AJAX 形式 post 提交? .NET MVC4.0如何从后台POST提交数据给WEBapi,不用AJAX 形式 post 提交? 解决方案 http://www.asp.net/web-api/overview/web-api-clients/calling-a-web-api-from-a-net-client 微软给的例子 解决方案二: 后台用httpwebrequest对象,前台才是ajax,这个要分清出来

ajax 跨域提交数据实例详解

出于安全性的考虑,在AJAX应用中,浏览器通常都会限制跨域提交数据,但这又恰恰是非常常用的需求.比如在a.com的页面上中提交一些请求数据到b.com的服务器上,b.com服务器处理请求完毕后返回响应内容到a.com的页面上.如何解决呢,使用js是比较简单易实现的方案,缺点是代码跟应用相关,无法抽象出模板机制进行重用. 具体的原理和实现是这样的,在a.com的页面上,假设叫a.html, 提交数据的javascript事件中动态添加一个类型为javascript的节点,这个节点指向接收数据的b.

jQuery通过ajax快速批量提交表单数据_jquery

当表单数据项很多时,手动获取表单项的值将变得效率低下,结合jQuery提供的函数serialize(),我们可以实现快速获取数据并提交表单数据. 请看下面的表单: <form id="fm"> <table> <tr> <td>姓名</td> <td> <input type="text" name="name" /> </td> </tr>

Ajax表单提交实例

ajax|表单提交 昨天在CSDN逛的时候,看见一位网友需要解决一些关于AJAX的FORM提交的问题,现在把一个实例贴出来,希望对广大爱好者有帮助. <!--注册模块-->default.asp <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><

jQuery实现form表单基于ajax无刷新提交方法详解_jquery

本文实例讲述了jQuery实现form表单基于ajax无刷新提交方法.分享给大家供大家参考,具体如下: 首先,新建Login.html页面: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.o