Question

基本上，我想提交一个创建新课程表单并使用JQuery处理响应。我的表格如

<div id="create_coursem">
  <%= form_tag({:controller => "coursem", :action => "create"}, :id => "check_coursem_form", :method => "post", :remote => true) do %>
      <p>
      <b> <%= label_tag(:name, "Name:") %> </b>
      <%= text_field_tag(:name) %>
      </p>
      <p>
      <b> <%= label_tag(:department, "Department:") %> </b>
      <%= select_tag "department", @result.html_safe %>
      </p>
      <%= submit_tag("Create") %>

  <% end %>

</div>

在我的控制器中，我有

  def create
    @coursem = Coursem.createCoursemByUser(params[:name], params[:department])
    @errCode = @coursem
    if @coursem.class != Fixnum
      @errCode = 1
    end
    @dic = {:errCode => @errCode, :coursem => @coursem}
    respond_to do |format|
      format.json { render json: @dic}
    end
  end

响应状态为200，因此表示它成功返回json。在我的JS文件中，我有

$(document).ready(function() {
    panelHandler();
    //showOverview();
    showResources();
    resourceHandler();
    calendarChangeMonth();
    subscribeHandler();

    shownewresourceform();

    eventinfo();
    closeeventbox();
    showneweventform();
    colorrecentevents();
    check_coursem();
})
    function check_coursem() {
        $("form#check_coursem_form").on('ajax:beforeSend', function(xhr, settings) {alert("hello");})
                                .on('ajax:success',    function(data, status, xhr) {alert("hello");})
                                .on('ajax:complete', function(xhr, status) {alert("hello");})
                                .on('ajax:error', function(xhr, status, error) {alert("hello");});
    }

但是当我单击“创建”按钮时，它只返回由创建控制器生成的json，不显示任何警报。谁知道原因？真的很感激。

Answer 1

也许它会尝试将响应解析为javascript响应，而不是json响应。

试试这个：

form_tag({:controller => "coursem", :action => "create"}, :id => "check_coursem_form", :method => "post", :remote => true, :data => { :type => 'json' }) do %>

Answer 2

我没有用ajax工作，但我从来没有见过这样的格式化请求...... 您是否尝试过更像documentation？

中的内容

// Assign handlers immediately after making the request,
// and remember the jqxhr object for this request
var jqxhr = $.ajax( "example.php" )
    .done(function() { alert("success"); })
    .fail(function() { alert("error"); })
    .always(function() { alert("complete"); });

// perform other work here ...

// Set another completion function for the request above
jqxhr.always(function() { alert("second complete"); });

ajax：远程提交表单时未成功调用rails 3

2 个答案: