1

我想知道如何使用 ajax 调用获取 2 个变量来更新 div 标签，而不仅仅是 1 个。我当前的 .js 文件：

    $(document).ready(function() {
      $("select").change(function() {
        var selected_product_id;
        selected_product_id = $(this).val();
        $.ajax({
          url: "/products/" + selected_product_id,
          type: "GET",
          success: function(data) {
          $("#description").empty().append(data);
          }
        });
      });
    });

show.html.erb 我在哪里获取数据：

    <%= @product.item %>

我想要这样的东西

        $.ajax({
          url: "/products/" + selected_product_id,
          type: "GET",
          success: function(data) {
          $("#description").empty().append(data[1]);
          $("#price").empty().append(data[2]);
          }
        });

和

        <%= @product.item %>
        <%= @product.price %>

我的描述 div 用@product.item 更新，我的价格 div 用@product.price 更新。我怎么能做到这一点？

编辑

更新的 .js 文件

    $(document).ready(function() {
      $("select").change(function() {
        var selected_product_id;
        selected_product_id = $(this).val();
        $.ajax({
          url: "/products/" + selected_product_id,
          type: "json",
          success: function(data) {
          $("#description").empty().append(product.item);
          $("#price").empty().append(product.price)
          }
        });
      });
    });

显示.html.erb：

    <%= @product.item %>
    <%= @product.price %>

控制器：

    class ProductsController < ApplicationController
    respond_to do |format|
      format.html # show.html.erb
      format.json  { render :json => @product.to_json }
    end

    def index
    end

    def show
    @product = Product.find(params[:id])
    end

    end

我很确定控制器不正确。我将 @product 放在了 respond_to 之前，但它没有用，所以我只是把 respond_to 放在了不知道它去哪里的情况下。很抱歉成为这样的菜鸟。感谢你的帮助。

最终编辑：

工作的javascript文件：

    $(document).ready(function() {
      $("select").change(function() {
        var selected_product_id;
        selected_product_id = $(this).val();
        $.getJSON("/products/"+selected_product_id,function(data){
      $("#description").empty().append(data.item);
      $("#price").empty().append(data.price);
        });
      });
    });
4

2 回答 2

1

啊，这让我想起了我一周前为你写的一段代码！

您可以使用 JSON 来呈现您的产品：

#controller

def show
  @product = Product.find(params[:id])

  respond_to do |format|
    format.html # show.html.erb
    format.json  { render :json => @product.to_json }
  end
end

并像这样处理来自服务器的响应：

    $.ajax({
      url: "/products/" + selected_product_id,
      dataType: 'JSON',
      success: function(data) {
        var product = JSON.parse(data);
        $("#description").empty().append(product.item);
        $("#price").empty().append(product.price);
      }
    });

编辑#1：我找到了这个方法：： http jQuery.getJSON: //api.jquery.com/jQuery.getJSON/

于 2013-06-10T15:27:46.007 回答
1

你可以使用 JSON，返回

{"item": "<%=j @product.item %>", "price": <%= @produce.price %>}

然后type: 'json'在ajax调用中

于 2013-06-10T15:28:29.457 回答