Question

我对某个动作的js响应有疑问。我正在通过轮询和Redis实现类似IM的功能。＆＃34;问题＆＃34;我发现是在提交邮件的那一刻。我想用按钮（普通方式）或通过ENTER来做。当使用按钮提交表单时，它可以正常工作：创建消息，另一个用户在他的屏幕上看到消息，消息通过create.js出现在我的屏幕上，该消息在发送到我的屏幕的前一条消息之前。当我使用ENTER键提交表单时，除了create.js之外，一切正常（发送消息，另一个接收它），由于某种原因，create.js已加载但不执行将最后一条消息添加到我的屏幕的操作。我把代码放在下面，谢谢大家提前;）。

create.js

$(".conversations").prepend("#{escape_javascript(render partial: 'dashboard/kid_conversations/show_message', locals: { message: @message})}");
$("#kid_conversation_message_body").val("");

这是允许ENTER提交的js：

  setInterval(function(){
    $.ajax({
      url: "#{dashboard_kid_conversation_conversation_polling_url(current_kid, token: (params[:token] rescue nil))}",
    })},2000);

  $('#kid_conversation_message_body').keypress(function(e) {
    if (e.keyCode == 13 && !e.shiftKey) {
      e.preventDefault();
      $.ajax({
        url: "#{dashboard_kid_conversation_messages_url}",
        type: "POST",
        data: $(this).serialize() + "&conversation_token=" + "#{params[:token]}",
        success: $("#kid_conversation_message_body").val(""),
        dataType: "json"
      });
    }
  });

输入键时的最终日志，因此加载了create.js.

  Rendered dashboard/kid_conversations/_show_message.html.haml (6.5ms)
  Rendered dashboard/kid_conversation_messages/create.js.haml (11.4ms)
Completed 200 OK in 287ms (Views: 270.8ms)

创建操作：

  def create
    @message                    = KidConversationMessage.new(params[:kid_conversation_message])
    @message.kid_conversation   = @conversation
    @message.kid                = current_kid

    @message.save
  end

表格，我使用Haml

.response
  = form_for [:dashboard, @message] , html: {remote: true}do |f|
    = hidden_field_tag :conversation_token, :body , :value=> @conversation.token
    .control-group
      = f.label :body, _('Reply')
      = f.text_area :body, :rows => 4
    = submit_tag _('Send'), :class => 'btn button'

Answer 1

我认为您的表单提交到dashboard_messages_url，而您的按键功能ajax会发布到dashboard_kid_conversation_messages_url。检查您的路线以确保后者存在。

如果这不起作用，您可以告诉我们您在网络传感器的“网络”标签中看到的内容。

Answer 2

解决了，这是AJAX数据类型，删除它有效，感谢所有人的帮助！

AJAX请求不会加载响应操作的js

2 个答案: