javascript - Ajax 成功处理程序 - 数据未定义

Question

这是我提出ajax请求的方式

  #action
  def get_item
    if request.get?
      binding.pry  #it always stop here, so it's working
      item = Item.where(...)
      unless item
        item = Item.new
        # .....
      end
      respond_to do |format| 
        format.json { render(json: item) } 
      end
    elsif request.post?
       # ......
    end
  end

  #view
     $.ajax({
          type: "GET",
          url: "/contr/get_item",
                data: {key1: "value1"},
                //datatype: "json",
                success: function(data){
                  console.log("ajax success, data -> " + data[0]);
                    }
             });

尽管get_item执行了其中的代码，data但页面上的值始终为undefined.

我错过了什么？

ps 请注意，请求 是从服务器以 json 格式发回的。我可以通过单击 F12 并转到“网络”选项卡的“调试工具”在 Chrome 中看到它。

Answer 1

试试这个：

 def get_item
   if request.get?
     item = Item.where(...)
     unless item
       item = Item.new
       # .....
     end
     render :json => item.to_json
   elsif request.post?
    #...
   end
 end

看法

   $.ajax({
      type: "GET",
      url: "/contr/get_item",
            data: {key1: "value1"},
            //datatype: "json",
            success: function(data){
              console.log("ajax success, data -> " + data[0]);
                }
         });

Answer 2

您的 URL 需要说明您要使用的格式。在您的情况下，它应该.json以 json 响应结束。

#view
   $.ajax({
        type: "GET",
        url: "/contr/get_item.json",