How to send jquery post request using button

Question

I am trying to send post request using jquery. This is the request i am trying to send

$.post("https://api.steampowered.com/IEconService/DeclineTradeOffer/v1/", { 
    key: "1234567891011121314151617181920", 
    tradeofferid: "$offerid" 
}).done(function(data) {
    alert("Data Loaded: " + data);
});

Inside my php i have $offerid , and key is always the same .

I want to send it on button click so i created button inside my php

$offerid = $value2['tradeofferid'];

echo '<button id="cancel-offer"> Cancel offer </button>';

how i can connect button with jquery request and send $offerid to the request ?

Rory McCrossan · Accepted Answer · 2016-02-08 09:29:56Z

3

You just need to select the button by its id attribute, then add a click handler:

$('#cancel-offer').click(function() {
    $.post("https://api.steampowered.com/IEconService/DeclineTradeOffer/v1/", { 
        key: "1234567891011121314151617181920", 
        tradeofferid: "<?= $offerid ?>" 
    }).done(function(data) {   
        alert("Data Loaded: " + data);
    });
});

I would suggest you have a quick read through the jQuery documentation. It makes a great reference, and also gives you an idea of what jQuery is and is not capable of.

answered Feb 8, 2016 at 9:29

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

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

Comments

madalinivascu · Accepted Answer · 2016-02-08 09:31:24Z

0

Modify your code like this:

php:

echo '<button id="cancel-offer" data-id="'.$offerid.'"> Cancel offer </button>';

js:

$('#cancel-offer').click(function(){
$.post( "https://api.steampowered.com/IEconService/DeclineTradeOffer/v1/", { key: "1234567891011121314151617181920", tradeofferid: $(this).attr('data-id') },function( data ) {
alert( "Data Loaded: " + data );
    });
});

answered Feb 8, 2016 at 9:31

madalinivascu

32.4k4 gold badges41 silver badges59 bronze badges

Collectives™ on Stack Overflow

How to send jquery post request using button

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related