表单提交时页面重新加载!Rails API后端,Javascript前端。
创始人
2024-12-09 21:30:37
0

要实现在表单提交时重新加载页面,可以使用以下方法:

在Rails API后端:

  1. 创建一个处理表单提交的控制器动作:
class FormController < ApplicationController
  def create
    # 处理表单数据
    # ...
    
    render json: { success: true }
  end
end
  1. 在路由文件中设置路由,将该控制器动作与表单提交的URL关联起来:
Rails.application.routes.draw do
  post '/form', to: 'form#create'
end

在Javascript前端:

  1. 使用fetchaxios等库发送表单数据到后端:
const form = document.querySelector('#myForm');

form.addEventListener('submit', (e) => {
  e.preventDefault();
  
  fetch('/form', {
    method: 'POST',
    body: new FormData(form)
  })
  .then(response => response.json())
  .then(data => {
    // 处理响应数据
    // ...
    
    // 重新加载页面
    location.reload();
  })
  .catch(error => console.error(error));
});
  1. 在HTML中添加一个表单:

这样,当用户点击提交按钮时,表单数据将被发送到后端进行处理,处理完成后页面将重新加载。

相关内容

热门资讯

二分钟透视插件!pokemom... 二分钟透视插件!pokemomo辅助工具(透视脚本)详细辅助外挂(总是外挂)pokemomo辅助工具...
八分钟透视插件!约局吧如何查看... 八分钟透视插件!约局吧如何查看是否有挂,德州局透视脚本下载安装最新版本,详细教程(有挂软件)1、下载...
六分钟软件下载!拱趴游戏破解器... 六分钟软件下载!拱趴游戏破解器,智星菠萝透视,详细教程(有挂插件)1、很好的工具软件,可以解锁游戏的...
两分钟脚本免费!哈糖大菠萝助手... 两分钟脚本免费!哈糖大菠萝助手,德州圈脚本,详细教程(有挂方法)1、让任何用户在无需哈糖大菠萝助手A...
5分钟辅助!哈糖大菠萝软件下载... 5分钟辅助!哈糖大菠萝软件下载(透视脚本下载)详细辅助器(一贯器)1、哈糖大菠萝软件下载系统规律教程...
8分钟透视辅助!哈糖大菠萝破解... 8分钟透视辅助!哈糖大菠萝破解器,哈糖大菠萝有挂吗,详细教程(有挂脚本)1、全新机制【哈糖大菠萝破解...
4分钟透视底牌脚本!德州局怎么... 4分钟透视底牌脚本!德州局怎么透视,拱趴大菠萝开挂方法,详细教程(有挂规律)该软件可以轻松地帮助玩家...
一分钟可以作弊!德州局怎么透视... 一分钟可以作弊!德州局怎么透视,佛手在线大菠萝智能辅助器,详细教程(有挂内幕)1、下载好佛手在线大菠...
3分钟定制!哈糖大菠萝怎么挂,... 3分钟定制!哈糖大菠萝怎么挂,pokemmo辅助器手机版下载,详细教程(有挂内幕)1、让任何用户在无...
9分钟透视脚本下载!poker... 9分钟透视脚本下载!poker world辅助器,拱趴大菠萝万能挂,详细教程(有挂技巧);1、任何拱...