Как заменить data-атрибуты AJAX запросом?

Question

[MaksPaverov]

Здравствуйте, есть небольшая проблемка.
Есть товары (например, 5 штук), на каждый свои data-атрибуты цены, фотографии и т.д.
Как мне известно, это можно сделать через AJAX, т.е. при нажатии на кнопку получать значения (т.е. в data-id будет ID товара, и ajaxом получается цена, фото и т.д. у этого ID)
Как это реализовать?
Как у меня сейчас:

spoiler

Вывод товаров:

<a href="#" class="btn btn-primary buy" data-price='[_price]' data-product='[_name]' data-photo='[_photo]'>Купить</a>

И код нажатия на кнопку:

$('.buy').click(function(){
        price = $(this).data('price'),
        product = $(this).data('product'),
        photo = $(this).data('photo');
    $('#price').val(price);
    $('#product').val(product);
    $('#photo').val(photo);
    $('#cart').modal();

Как хочу я:

spoiler

Вывод товаров:

<a href="#" class="btn btn-primary buy" data-id='[_id]'>Купить</a>

И код нажатия на кнопку:

$('.buy').click(function(){
       AJAX запрос, который я без понятия, как сделать :)

Comments

[0ffff0]

MaksPaverov

$('.buy').click(function(){
AJAX запрос, который я без понятия, как сделать :)

это очень мило, но
вы что-нибудь уже почитали в интернете?
набили пару шишек?

Answer 1

[Максим Тимофеев]

$('#mybtn').on('click',function(){
    var my_id = $(this).attr('data-id');
   $.get('http://mysite.com/gde/brat/dannie?id=' + my_id, function(data){
           console.log(data);
   });
});

Документация: https://api.jquery.com/jquery.get/

Comments

[MaksPaverov]

Спасибо, но ещё один вопросик, что нужно выводить в PHP файле, чтоб JS получил DATA (вот именно, как вывести эту "data")

[Максим Тимофеев]

MaksPaverov,
https://www.google.ru/search?newwindow=1&q=php+%D0...

<?PHP
$data = [
     ['somePrice' => 1200, 'siskiNorm' => true],
     ['somePrice' => 500, 'siskiNorm' => false],
];
header('Content-Type: application/json');
echo json_encode($data);

[Андрей]

MaksPaverov, data это ответ от сервера.
return $id;

[MaksPaverov]

Максим Тимофеев, не совсем понимаю, вот у меня php файлик:

$id = $_GET['id'];
$result_index = mysql_query("SELECT * FROM shop WHERE id=$id");
$myrow_index = mysql_fetch_array($result_index);

$name = $myrow_index[name];
$price = $myrow_index[price ];

echo $name;
echo $price;

[Максим Тимофеев]

MaksPaverov, ну так :

$id = $_GET['id'];
$result_index = mysql_query("SELECT * FROM shop WHERE id=$id");
$myrow_index = mysql_fetch_array($result_index);

$data = [
'name' => $myrow_index[name],
'price' => $myrow_index[price]
];

header('Content-Type: application/json');
echo json_encode($data);

[MaksPaverov]

Максим Тимофеев, всё сделал как вы написали, но в консоле:
Uncaught TypeError: $.get is not a function

[edward_freedom]

MaksPaverov, замени на свой пост или ajax, не тупи

[edward_freedom]

MaksPaverov, к тому же, он дал ссылку, на документацию по этой функции, где все написано, как ее подключить

[MaksPaverov]

edward_freedom, как будто я не догадаюсь заменить

[MaksPaverov]

Всё сделал, спасибо :3