Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在POST中使用Sinatra和jQuery而不重定向

我正在尝试使用jQuery向我的Sinatra应用程序提交表单,但是当通过AJAX进行POSTing时,Sinatra应用程序显示一个空白页面。我希望它留在同一页上,并更新我在javascript中指定的内容。以下是我的代码,精简如下:

代码语言:javascript
运行
AI代码解释
复制
post '/register' do
  register( params )
end
get '/register' do
  haml :register
end

下面是我在haml文件中的javascript:

代码语言:javascript
运行
AI代码解释
复制
:javascript
        $(function() {
                $("button#submit").click(function(){
                        $.ajax({
                                type: "POST",
                                url: "/register",
                                data: $('form.register').serialize(),
                                success: function(){
                                        $("#message").html("Successfully registered")
                                },
                                error: function(){
                                        $("#message").html("Not Successful")
                                }
                        });
                });
        });
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-03-13 12:51:36

尝尝这个,

代码语言:javascript
运行
AI代码解释
复制
$(function() {
  $("form#the_id").submit(function(e){
    e.preventDefault();

    $.ajax({
      type: "POST",
      url: "/register",
      data: $('form.register').serialize(),
      success: function(){
        $("#message").html("Successfully registered")
      },
      error: function(){
        $("#message").html("Not Successful")
      }
    });
  });
});

$("form#the_id").submit(...检测表单提交。e.preventDefault();阻止表单提交。其余的提交一个Ajax请求。

不要忘记将#the_id更改为您的表单id。

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

https://stackoverflow.com/questions/15377367

复制
相关文章
jquery中的ajax写法_jquery中get和post提交的区别
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
全栈程序员站长
2022/11/10
1.4K0
jQuery中使用ajax,$.post
 jQuery.post( url, [data], [callback], [type] ) :使用POST方式来进行异步请求 参数: url (String) : 发送请求的URL地址. data (Map) : (可选) 要发送给服务器的数据,以 Key/value 的键值对形式表示。 callback (Function) : (可选) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)。 type (String) : (可选)官方的说明是:Type o
Ryan-Miao
2018/03/13
1.3K0
jQuery - AJAX get() 和 post() 方法
jQuery get() 和 post() 方法用于通过 HTTP GET 或 POST 请求从服务器请求数据。
陈不成i
2021/07/22
1.6K0
Java中Get和Post的使用
项目地址:https://github.com/Snowstorm0/learn-get-post
代码的路
2022/08/23
9820
Java中Get和Post的使用
在vue项目中使用jquery和jquery插件
Vue之所以受欢迎,主要就在于它的轻量和灵活,我们可以用vue做SPA,也可以用它做多页应用,一个页面对应一个VUE实例。而且因为他的轻量,低侵入性,所以我们可以很方便地和其他框架或者库搭配使用,那么我们怎么在基于vue的SPA应用中搭配jquery使用呢?
fastmock
2022/07/13
1.6K0
jquery $.postjQuery.post()
Description: Load data from the server using a HTTP POST request.
全栈程序员站长
2022/07/08
8670
Python爬虫中:get和post方法使用
requests库是一个常用于http请求的模块,性质是和urllib,urllib2是一样的,作用就是向指定目标网站的后台服务器发起请求,并接收服务器返回的响应内容。
Python学习者
2023/02/16
1.2K0
开心档之jQuery - AJAX get() 和 post() 方法
jQuery get() 和 post() 方法用于通过 HTTP GET 或 POST 请求从服务器请求数据。
iOS程序应用
2023/03/06
8760
企业面试题: jquery中$.get()提交和$.post()提交有区别吗?
1、请求方式不同:$.get() 方法使用GET方法来进行异步请求的。$.post() 方法使用POST方法来进行异步请求的。
舒克
2019/08/09
1K0
HTTP中get和post
​ GET和POST本质上两者没有任何区别。他们都是HTTP协议中的请求方法。底层实现都是基于TCP/IP协议。上述的所谓区别,只是浏览器厂家根据约定,做得限制而已
小小咸鱼YwY
2019/09/11
9590
flask+jquery发送post请求
本次来学习一下如何使用flask发送post请求,我们以上一篇中的 用flask搭建一个测试数据生成器(v1.1) 获取电话号码为例子,把它改造为post请求
冰霜
2022/03/15
1.5K0
flask+jquery发送post请求
如何在Ubuntu上安装Ruby和Sinatra
如果选择几个词来定义Sinatra,那么肯定会是设计简洁,给人启发。这种项目构建的想法引领了很多项目的构建潮流——跨越不同的编程语言和平台的编程方案。
物花无语
2018/08/06
1.7K0
JQuery 封装 Ajax Post 请求示例
发送 POST 其实很简单可以在之前发送 GET 请求的基础上进行更改一些内容即可进行发送 POST 请求了:
程序员NEO
2023/09/22
3440
JQuery 封装 Ajax Post 请求示例
jmeter中自动重定向和跟随重定向的区别
自动重定向(状态码一般是200、20X):当重定向时,自动跳转时,只针对GET和Head请求,自动重定向可以自动跳转到最终目标页面,但是jmeter不记录重定向过程内容【在查看结果树中只能看到重定向后的响应内容】
muntainyang
2020/10/23
2.1K0
python测试开发django-129.jQuery中$.get()和$.post()提交方法学习
官方语法格式:$.get(URL,data,function(data,status,xhr),dataType) 参数说明:
上海-悠悠
2021/10/08
1K0
什么在代码中要求我们使用LocalDateTime而不是Date?
在项目开发过程中经常遇到时间处理,但是你真的用对了吗,理解阿里巴巴开发手册中禁用static修饰SimpleDateFormat吗?
用户1516716
2019/11/24
1.2K0
PHP中put和post区别
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/113743.html原文链接:https://javaforall.cn
全栈程序员站长
2022/07/07
9230
重定向是get还是post_请求转发与重定向的异同
我们知道,在servlet中调用转发、重定向的语句如下: request.getRequestDispatcher(“new.jsp”).forward(request, response);//转发到new.jsp response.sendRedirect(“new.jsp”);//重定向到new.jsp 在jsp页面中你也会看到通过下面的方式实现转发: <jsp:forward page=”apage.jsp” />
全栈程序员站长
2022/10/04
8670
怎么在layuiAdmin中使用jQuery?
layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用
沈唁
2018/10/26
3.6K0
怎么在layuiAdmin中使用jQuery?
点击加载更多

相似问题

Ruby / Sinatra -重定向而不重定向

12

使用Jquery post时PHP不重定向

33

处理PHP post而不重定向

10

使用jquery下载文件而不重定向

11

jquery:更改URL地址而不重定向?

79
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

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

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档