How to send ajax request in rails app without using remote

Question

This is working just fine

<%#= link_to t('.add_html'), 'javascript:void(0);', :class => "line-item", :product => product.id %>

$('document').ready(function(){
        $(".line-item").click(function(){
            var prod = $(this).attr('product');
            $.ajax({
                url:'<%#= line_items_url %>',
                data: {product_id: prod},
                type: 'POST',
                dataType: 'script'
            });
        });
    });

But when I use button nothing happens. Please let me know what am I missing here?

<%= button_to t('.add_html'), 'javascript:void(0);', :class => "line-item", :product => product.id %>

Use proper button id and proper ajax calling with jquery [Like here][1] [1]: stackoverflow.com/questions/10406571/… — Bharat soni
– Bharat soni, Commented Dec 23, 2013 at 12:53

Richard Peck · Accepted Answer · 2013-12-23 12:48:51Z

0

:remote => :true just creates an ajax request; you can do your own ajax request no problem:

$("button").on("click", function(){
    $.ajax({
        url: $(this).attr("href");
        success: function(data) { //handle returned data },
        error: function(data)   { //handle errors }
    });
});

I think you are asking a different question (how to get your call working), which I can update the answer to reflect if you wish

answered Dec 23, 2013 at 12:48

Richard Peck

76.8k9 gold badges98 silver badges148 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

user1670773 Over a year ago

should I use href in the attr("href"); or I should use the link there?

Richard Peck Over a year ago

You can use link! Only problem is I don't think your syntax is correct; but you literally just put your link in there. How you get it is irrelevant

user1670773 Over a year ago

It is working fine for link but not working for button. Please check the question now

Richard Peck Over a year ago

Okay, you have to remember that button_to basically creates a form, so you'd have to do something like url: $(this).parent().attr("action");

Aqabawe · Accepted Answer · 2013-12-23 13:47:58Z

0

You need to prevent default:

$(document).ready(function(){
    $("button").click(function(ev){
        $.post(this.url); // I'm not sure this is correct
        ev.preventDefault();
    });
});

answered Dec 23, 2013 at 13:47

Aqabawe

3373 silver badges7 bronze badges

2 Comments

user1670773 Over a year ago

It is working fine for link but not working for button. Please check the question now

Aqabawe Over a year ago

Why do you have to use the button_to helper? <button type="button" class="line-item" product="#{product.id}"><%= t('.add_html') %></button>

Collectives™ on Stack Overflow

How to send ajax request in rails app without using remote

2 Answers 2

4 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related