Question

想弄清为什么这种“优质联合材料”在呼吁执行时发出“雅克斯”呼吁。

I have this button to make an ajax GET request to a method in the controller, the method will partial render. When I click on the button I don t see any request coming on the console but I see the alert "test" on the browser.
I have the same exact JS with other parameters working for other tupes of ajax calls, so I just copied one of them and changed all required parameters, expecting it shall work right away. Neither I get any errors on the console. My routes and id names are good and verified. What is it that I am missing here?

意见-说明:本纽特通过另一旁系提供,该部分工程使用。

<%= button_tag "Add / Remove", :id => "add_remove_button", :onclick => "javascript:add_remove();" %> #note: this is buried under div tags in a html table

JS-

 function add_remove(){
$( #add_remove_button ).click(function() {
      $.ajax({
        type:  GET ,
        url: "/item/add_remove", 
        success:$( #view_item ).html(data)

        /*function(){  },
        data:$( #test ).serialize(),
        error: function(){  },
        success: function(data){   },
        complete: function (){   }*/
        }); #No ajax call made
/*return false;*/
});
alert( test ); #I get this alert
}

Answer 1

You ll always see that alert() because click() is asynchronous: the code inside the function() passed to click does not get executed until you click, but the rest of add_remove() will get called.

这里指的是贵国法典中实际发生的情况,这解释了为什么美国退休人员协会的呼吁没有做到:

Using :onclick => ... attaches add_remove() to your button.
You click the button, add_remove() gets called and attaches another click callback to your button. Then add_remove() calls alert(). There is no AJAX call happening here, just adding a new click handler, and sending an alert.
You click the button a second time, and you will attach a third click callback to the button. However since you also attached a click handler the first time you clicked the button, you should see an AJAX request here.
Click it a third time and you ll see two AJAX requests this time, for a total of 3 AJAX requests.

这里是你实际想要做的事。移除:onclick => ......从纽芬兰州移走:

<%= button_tag "Add / Remove", :id => "add_remove_button" %>

在网页上首批装载时,向纽芬兰州照射一个点击事件:

$(function(){
  $( #add_remove_button ).click(function() {
    $.ajax({
      type:  GET ,
      url: "/item/add_remove", 
      success: function(data) { $( #view_item ).html(data); },
      data: $( #test ).serialize(),
      error: function(){  },
      success: function(data){   },
      complete: function (){   }
    });
    return false;
  });
});

Answer 2

You are mixing up the jquery-registering-callbacks style and the old event-handler attributes. So you triggered the registering when calling the add_remove function.

简单删除:onclick 方英尺重, 功能添加_remove(){ ......}

友情链接