ajax查询后显示不出来,使用ajax显示查询结果

我正在使用涉及两个表的查询来显示视图中的记录,当修改该记录时,我通过向表单添加“Remote True”并添加到表单中来使用ajax在控制器中编辑动作“format.Json”并创建一个update.js.erb文件,在该文件中,我在更新显示更新视图后渲染注册表。我的问题是,记录是查询的结果,并且在视图中使用ajax呈现它时,它不会执行查询的结果。使用ajax显示查询结果

用ajax怎么可以呈现查询结果?

我的索引行动:

@search_liberados = Pedidoliberado.proceso_pedidos_lib.search(search_params)

@search_liberados.sorts = 'Pza desc' if @search_liberados.sorts.empty?

@pedidosliberados = @search_liberados.result().page(params[:pedidosliberados]).per(15)

这是我的看法

我的部分_pedidoliberado:

:put, remote: true, :url => {:controller =>'pedidosliberados', :action => 'update', :id => pedidoliberado.ID}, html: {class: "form-horizontal "}) do |f| %>

我的查询:

def self.proceso_pedidos_lib

query = select("[pedidosliberados].PEDIDO AS Pedido, SUM([detalle].IMPORTE) AS IMPORTE, SUM([detalle].IVA) AS IVA, SUM([detalle].IMPORTE) + SUM([detalle].IVA) AS TOTAL")

.joins('inner join detalle ON pedidosliberados.PEDIDO = detalle.PEDIDO ')

query

end

我的编辑操作:

def update

respond_to do |format|

if @pedidoliberado.update(pedidoliberado_params)

format.html { redirect_to @pedidoliberado, notice: 'Pedidoliberado was successfully updated.' }

format.json { render :show, status: :ok, location: @pedidoliberado }

format.js {flash.now[:notice] = 'saved.'} #ajax

else

format.html { render :edit }

format.json { render json: @pedidoliberado.errors, status: :unprocessable_entity }

format.js {flash.now[:alert] = 'Error.'} #ajax

end

end

end

我update.js.erb:

$("#pedidoliberado_").fadeOut(500, function(){

$(this).remove();

$("#container_pedidosliberados").prepend('');

});

$("#notice").html(" 'partials/flash' , :locals => { :flash => flash }).html_safe %>");

setTimeout(function(){

$('#notice').fadeIn("slow", function() {

$(this).create();

})

}, 1500);

2017-04-18

luis31

+0

您是否尝试删除编辑操作中的format.html行? –

+0

@VineethSubbaraya谢谢你的回答,是的,我做过了,但它仍然显示没有查询结果的记录 –

+0

你能解释一下索引操作中搜索功能的作用吗?你的意思是把它放在那里? –

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 如果您使用 AJAX 的 XHR 发起请求,但浏览器没有显示任何网络请求,请检查以下几个可能的原因: 1. 请求被缓存了:浏览器可能已经缓存了您的请求,因此没有发出任何网络请求。您可以通过在浏览器中打开开发者工具并禁用缓存来解决这个问题。 2. 请求被阻止了:浏览器可能已经阻止了您的请求,因为它被视为不安全的请求。您可以检查控制台或网络面板以查看是否存在任何相关的错误信息。 3. 请求被代理了:如果您正在使用代理服务器或 VPN,浏览器可能会将请求发送到代理服务器或 VPN,而不是直接发送到服务器。您可以通过查看代理服务器或 VPN 设置来解决这个问题。 4. 请求没有被正确发送:请确保您的代码正确地发送了请求。您可以在控制台中检查请求的参数,看看它们是否正确。 如果您还没有找到问题的原因,您可以尝试在浏览器中使用其他工具(如 Fiddler 或 Wireshark)来查看网络请求。 ### 回答2: 当使用Ajax的XMLHttpRequest(XHR)时,通过Ajax发送的请求被视为后台请求,不会在浏览器的网络请求中直接显示。这是因为Ajax可以在不刷新整个页面的情况下,通过使用JavaScript与服务器进行通信。XHR是一种在后台发送HTTP请求和接收响应的技术。 通过XHR发送的请求不会导致浏览器地址栏的URL发生变化,也不会加载整个页面。相反,XHR允许在不刷新页面的情况下,通过将数据发送到服务器并接收响应,在页面的特定部分进行更新。因此,浏览器不会像常规网页请求一样显示Ajax请求。 在开发者工具的“网络”选项卡中,您可以看到通过XHR发送的请求和接收到的响应。在这里,您可以查看请求的状态、请求头、响应头和响应体,以及相应的详细信息。这些信息可以帮助开发人员调试和分析Ajax请求,以确保它们按预期工作。 总而言之,通过使用Ajax的XMLHttpRequest,可以在不刷新整个页面的情况下与服务器进行通信。尽管浏览器不会直接在网络请求中显示这些Ajax请求,但可以通过开发者工具来查看和分析它们。 ### 回答3: 当使用Ajax的XMLHttpRequest (XHR) 发送网络请求时,由于是通过后台发送请求并接收响应,不会触发浏览器的页面跳转,因此浏览器不会显示网络请求的过程。 XHR是一种用于在后台与服务器进行数据交换的技术,它可以在不重新加载整个页面的情况下向服务器发送请求并接收响应。通常,Ajax通过XHR发送异步请求,这意味着页面可以继续执行其他任务,而不必等待服务器响应。 在Ajax的XHR请求过程中,通过JavaScript代码发送请求,并通过回调函数处理响应。这使得页面的用户体验更好,因为用户可以继续操作页面而不会受到请求的影响。 由于XHR请求是后台操作,浏览器不会显示网络请求的过程,如浏览器地址栏不会改变,页面也不会重新加载。相反,通过在开发者工具的网络面板中查看网络请求日志,可以查看到XHR请求的详细信息,包括请求的URL、请求头、响应状态码、响应头和响应内容等。 总之,使用Ajax的XHR进行网络请求时,浏览器不会显示网络请求的过程,请求和响应的交互是在后台进行的。这种方式提供了更好的用户体验,并使页面能够保持响应性。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值