weixin_33709609 2017-11-16 21:03 采纳率: 0%
浏览 57

从ajax打印数据

So this is the first time ive used ajax with rails, Ive managed to get the "data" back from the controller... how do i now print this out on the page? Im finding information on ajax online but 9 cant find any code the same as mine to reference?

The code changes the order in which details are displayed ASC to DESC.

JS FILE

  $(".ord-dir-link").on("click", function(e){
    e.preventDefault();
      $.ajax({
        url: '/index_list',
        method: 'get',
        data: jQuery.param({
        option: this.href.split("=")[2],
        direction: $('.list-direction').val()
        }),
        contentType: 'application/x-www-form-urlencoded; charset=UTF-8',
        success: function(data){
          console.log(data)
        }
      })
  });

CONTROLLER

    def index_list
      if params[:option]
        @products = @products.order("#{params[:option]} #{params[:direction]}")
        respond_to do |format|
        format.json { render json: @products.to_json }
        end
      end
    end

AND THE VIEW

    <div class="right-content">
      <table class="index-list">
        <tr>
          <th>Id</th>
          <th><%= link_to "Name", index_list_path(option: "product_name"), class: "ord-dir-link"%></th>
          <th><%= link_to "Type", index_list_path(option: "type_of_product"), class: "ord-dir-link" %></th>
          <th><%= link_to "Section", index_list_path(option: "section"), class: "ord-dir-link" %></th>
          <th><%= link_to "Category", index_list_path(option: "category"), class: "ord-dir-link" %></th>
          <th><%= link_to "Price", index_list_path(option: "price"), class: "ord-dir-link" %></th>
          <th><%= link_to "Discount", index_list_path(option: "discount"), class: "ord-dir-link" %></th>
          <th><%= link_to "Views", index_list_path(option: "click_counter"), class: "ord-dir-link" %></th>
          <th><%= link_to "Upvotes", index_list_path(option: "upvotes"), class: "ord-dir-link" %></th>
          <th><%= select_tag(:direction, options_for_select([ ['ASC', "ASC"], ['DESC', "DESC"]] ), {:class => 'list-direction'})  %></th>
        </tr>
        <% n = 1 %>
        <% @products.each do |x| %>
        <tr>
          <td><%=n%>.</td>
          <td><%=x.product_name%></td>
          <td><%=x.type_of_product%></td>
          <td><%=x.section%></td>
          <td><%=x.category%></td>
          <td>£<%=x.price%></td>
          <td><%=x.discount if x.discount != nil%></td>
          <td><%=x.click_counter%></td>
          <td><%=x.upvotes%></td>
          <td><%=link_to "View", product_path(x.id)%></td>
          <% n += 1 %>
          <%end%>
        </tr>
      </table>
    </div>

Do i need to append the whole thing written out in javascript? it seems kind of long and clunky way to do it.

  • 写回答

1条回答 默认 最新

  • weixin_33699914 2017-11-16 21:25
    关注

    Just to expand on what Taplar said, you would do something like:

    $(".ord-dir-link").on("click", function(e){
      e.preventDefault();
        $.ajax({
          url: '/index_list',
          method: 'get',
          data: jQuery.param({
          option: this.href.split("=")[2],
          direction: $('.list-direction').val()
          }),
          contentType: 'application/x-www-form-urlencoded; charset=UTF-8',
          success: function(data){
            $('#some-selector').html(data)
          }
        })
    });
    
    评论

报告相同问题?

悬赏问题

  • ¥15 file converter 转换格式失败 报错 Error marking filters as finished,如何解决?
  • ¥15 ubuntu系统下挂载磁盘上执行./提示权限不够
  • ¥15 Arcgis相交分析无法绘制一个或多个图形
  • ¥15 关于#r语言#的问题:差异分析前数据准备,报错Error in data[, sampleName1] : subscript out of bounds请问怎么解决呀以下是全部代码:
  • ¥15 seatunnel-web使用SQL组件时候后台报错,无法找到表格
  • ¥15 fpga自动售货机数码管(相关搜索:数字时钟)
  • ¥15 用前端向数据库插入数据,通过debug发现数据能走到后端,但是放行之后就会提示错误
  • ¥30 3天&7天&&15天&销量如何统计同一行
  • ¥30 帮我写一段可以读取LD2450数据并计算距离的Arduino代码
  • ¥15 飞机曲面部件如机翼,壁板等具体的孔位模型