rails使用Ajax方式进行页面刷新（初学者笔记）

最新推荐文章于 2019-11-01 11:55:01 发布

这不是你的确定

最新推荐文章于 2019-11-01 11:55:01 发布

阅读量366

点赞数

分类专栏： Ruby 文章标签： rails

本文链接：https://blog.csdn.net/weixin_42656358/article/details/99413404

版权

Ruby 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

文章内容为个人平时学习笔记，如有错误希望各位批评指正，感激不尽。

Ajax使用get方式刷新页面（json形式数据返回）

前端：

 $.ajax ({
      method: 'GET',
      url: "/products/" + "hahaha" + "/biaodan",
      dataType: 'json',
      success: function(data){
	  alert(data.ip);
        console.log(data);
      }
    });

注意：需要指定url、方式、接收数据类型
后端：

respond_to do |format|
  		format.json {render json: {ip:@ip}}
end

处理后的数据（{ip：@ip}），可以直接在前端使用

Ajax使用post方式(js形式数据返回)

前端：基本不需要做什么只需要处理返回来的数据如何进行数据处理

<%= form_tag products_biaodan_path,:method=>"post",remote:true do%>
  <%= label_tag("Search for:") %>
  <%= text_field_tag(:aa,:name) %>
  <%= password_field(:pwd,:password) %>
  <%= submit_tag("Search") %>
<% end %>

remote:true很重要它负责开启的Ajax处理

后端：

def biaodan
 	@ip = params[:aa]+"666"
	@pwd = params[:pwd][:password]
	Rails.logger.info '=========+++++=============='+@ip
	respond_to do |format|
		format.js              
     end
 end

这种方式会将@ip和@pwd直接传到一个名为biaodan.js.erb的文件中可直接对其进行处理
注意：biaodan.js.erb命名是由方法名命名的 def biaodan 这点很重要