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

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

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 这点很重要

猜你喜欢

转载自blog.csdn.net/weixin_42656358/article/details/99413404