Что дописать в файле корзины через AJAX?

Question

[Stalker_darkway]

Всем привет. На сайте есть корзина, нужно сделать без перезагрузки. Спустя три дня ковыряния понял, что без помощи не обойтись.
Код HTML:

<form id="formCart" action="javascript:void(null);">
        <input class="hitNameBasket" type="hidden" name="hitName" value="<?=$Element['NAME'];?>" />
        <input class="hitPriceBasket" type="hidden" name="hitPrice" value="<?=$Element['PRICE'];?>" />
        <a href="#" class="hitToBasket" data-id="<?=$Element['ID'];?>">В корзину</a>
</form>

Код AJAX:

$('.hitToBasket').click(function(e){
    e.preventDefault();
    var dataId = $(this).data('id');
    var dataName = $('.hitNameBasket').val();
    var dataPrice = $('.hitPriceBasket').val();
    $.ajax({
      type: 'POST',
      url: '<?require_once($_SERVER["DOCUMENT_ROOT"]."/template/cart.php");?>',
      data: {id: dataId},
      success: $('.orderName').text(dataId),
    });
  });

Сейчас в .orderName передается ID, но при перезагрузке страницы пропадает.
Не вижу, что вообще есть print_r($_POST); Пустой массив.
AJAX ссылается на cart.php
Что должно быть в этом файле? Какая логика? Куда копать? Если можно то поподробнее.
Заранее огромное спасибо.

Answer 1

[Stalker_RED]

Это что вообще за конструкция?
url: '<?require_once($_SERVER["DOCUMENT_ROOT"]."/template/cart.php");?>',
Здесь должна быть ссылка типа example.com/cart.php а не какой-то шаблон корзины.

И в этом файле нужно обрабатывать ваш $_POST.

Comments

[Stalker_darkway]

Спасибо, путь изменил.
Но все равно проблема в том, что $_POST пустой. Собственного обрабатывать и нечего.

[Stalker_RED]

Вячеслав: У вас вообще запрос уходит? Что в ответе от сервера?

[Stalker_darkway]

Stalker_RED:
Вот что идет от сервера.
HTTP/1.1 200 OK
Server: nginx/1.6.3
Date: Fri, 11 Dec 2015 02:15:55 GMT
Content-Type: text/html; charset=utf-8
Connection: keep-alive
Vary: Accept-Encoding
X-Powered-By: PHP/5.3.29
Set-Cookie: PHPSESSID=1c71a9f0a770fa1adb3a9abda7245cbe; path=/
Expires: Thu, 19 Nov 1981 08:52:00 GMT
Cache-Control: no-store, no-cache, must-revalidate, post-check=0, pre-check=0
Pragma: no-cache

[Stalker_RED]

Вячеслав: Интересуют в первую очередь не заголовки ответа, а
1. Ушел ли запрос, правильные ли в нем данные.
2. Что ответил сервер. Тело ответа. i.imgur.com/m7LWybo.png (там вверху response)

Если у вас cart.php пустой, то там естественно будет пусто. Сделайте там print_r($_POST) например.

[Stalker_darkway]

Stalker_RED:
В файле пусто
print_r($_POST) вывдит на главной странице пустой массив Array()
Вот что в консоле:
Failed to load resource: the server responded with a status of 404 (Not Found)
Но как он его найти не может, если с этой страницы выводится(пусть и пустой) $_POST?

[Stalker_darkway]

Stalker_RED: в header.php подключался файл cart.php, потому что и выводил array. Сейчас отключен и не выводит.

[Stalker_RED]

Вячеслав: при чем тут главная страница? вы же отправляете данные в /cart.php?

[Stalker_darkway]

Да.
Но так как этот файл был подключен в header, то выводился array в шапке из файла cart.php. Сейчас не подключен. AJAX файл не видит.

[Stalker_RED]

Вячеслав:
Вот вам пример с реализацией AJAX запроса.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<form id="myForm">
    <input type="text" name="text" value="Hello World!">
    <input type="hidden" name="id" value="123">
</form>
<button id="sendBtn">SEND</button>
<div id="result"></div>

<script type="text/javascript">
$('#sendBtn').on('click', function(){ // при клике на конпку
    $.ajax({
        type: 'post', 
        url: '/test.php', // по этому адресу
        data: $('#myForm').serialize(), // отправятся данные
        success: function(response){  // если всё сработает
            console.log('bingo!') // в консоли будет надпись "бинго!"
            $('#result').html = response.status // на странице в "корзине" будет "ок (подробности ниже)"
            console.log(response) // и весь ответ от сервера в консоли
        }
    })
})
</script>

test.php

$response = array(
    'status' => 'ok', // вот он, тот статус "ок"
    'data' => $_POST // и все данные из поста
);

// тут можно сохранить заказ в базу, что-то посчитать, вернуть в клиент что-то более осмысленное чем просто "ок"

echo json_encode($response);
exit();

#ajax, #example, #post

[Stalker_RED]

$('#result').html = response.status
поменяйте на
$('#result').html(response.status)

Answer 2

[Сергей]

Вот есть пример для битрикса для НЕ программистов) смысл один, можете взять за основу