Почему AJAX методом POST присылает null или 0?

Question

[SORDELIUSE]

Добрый день )
Кто подскажет, в чем ошибка? Объявив переменную со значением 2, отсылаю ее значение с помощью ajax (в файл db.php) , но приходит 0.

Вот функция в файле index.php

$(document).ready(function(){
         var limit = 2 ;
        $("#btn-more").click(function(){
            $.ajax({
              url:"db.php",
              type: "POST",
              data: {limit: limit},
              success:function(html) {
                $("#res").html(html);
                 }
            });
        });
    });

Вот обработка POST из db.php

$data = $_POST['limit'];
        echo $data;

Answer 1

[ThunderCat]

дебаг + консоль?

Comments

[Dima Polos]

наше все!! на крайняк можно дедовским алертом))

Answer 2

[Dima Polos]

Потому что в бади надо либо json отдать, либо запаковать данные в form data, urlencoded... короче в тупую в бади запроса написать объект js так не работает

Comments

[SORDELIUSE]

Я записал в формат JSON, в итоге все также получаю NULL. Сделал вывод в консоль, там показывает отправляемое значение...
В целом идея, чтоб по клику на кнопку менялось значение и подставлялось в запросе mySQL в поле LIMIT $data.

var obj = 3;
$("#btn-more").click(function(){
   obj += 3;
$.ajax({
              url:"db.php",
              type: "POST",
              data :"param=" +JSON.stringify(obj),
              success: function(response, statusText, status){
                console.log('Запрос отправлен. Ответ:', response);
              },
                error: function(XHR){
                  console.log('Ошибка запроса', XHR);
                }
            });
            setInterval(function(){
              $('#galblock').load("func.php").fadeIn("slow");
            }, 5000);
        });

Вот это в PHP

$data = json_decode($_POST['param']);
echo $data;

[Dima Polos]

SORDELIUSE, смотрите, там не все так просто, потому что Вы отправляете данные методом POST, а упаковываете данные в формате как обычно в GET запросах. Там еще в урле надо спецсимволы заменять и тд и тп. Сделайте вот так:

var obj = 3;
$("#btn-more").click(function(){
   obj += 3;
var data = new FormData();
data.append('param', obj);
$.ajax({
              url:"db.php",
              type: "POST",
              data : data,
              success: function(response, statusText, status){
                console.log('Запрос отправлен. Ответ:', response);
              },
                error: function(XHR){
                  console.log('Ошибка запроса', XHR);
                }
            });
            setInterval(function(){
              $('#galblock').load("func.php").fadeIn("slow");
            }, 5000);
        });

[ThunderCat]

Dima Polos,

Вы отправляете данные методом POST, а упаковываете данные в формате как обычно в GET запросах.

Жквери умеет объекты отправлять, тем более постом, ничего кодировать не нужно и в форму запаковывать тоже. В первом коде все норм было. Разве что если привыкать к натив жс, там все это ручками надо...

[ThunderCat]

SORDELIUSE, блин, там же 3-4 действия,
1) проверить дату перед отправкой,
2) проверить в нетворке что уходит в запросе,
3) сделать вар_дамп на сервере,
4) проверить в нетворке что вернулось с сервера.

[Dima Polos]

ThunderCat, да, точно, можно просто объект передать, давно на jq не писал ajax, уже привык к ваниле

[Dima Polos]

Значит надо по шагам смотреть, дебаггер и вперед

[SORDELIUSE]

ThunderCat, Выполнил 4 пункта. Отправлял в формате JSON. В нетворке во вкладке Preview (int(6)), во вкладке Response тоже самое (int(6)). А в ,бади

$data = json_decode($_POST['param']); 
var_dump $data;

показывает NULL

Такой вар дамп показывает это " string(1) "6" "

$data = json_decode($_POST['param']);
var_dump($_POST['param']);

[Dima Polos]

SORDELIUSE, так вот выше описали, что json не нужен, jquery умеет объект упаковать, значит на беке json_decode не надо это первое, второе var_dump($data), а не var_dAmp $data. На беке просто работайте с $_POST['param']

[SORDELIUSE]

Dima Polos, Ну я просто оставил JSON. C датой ошибся когда писал код в комментарий.

[Dima Polos]

SORDELIUSE, если бы не jquery, то имейте ввиду, что просто взять объект и отправить - так работать не будет, и лучше всего воспользоваться либо FormData, либо JSON, но при отправке json еще бы не лишним заголовок добавить Content-Type: application/json; charset=utf-8. На бекенде по идее json придется читать через php://input, чтоб наверняка можно сделать проверку на наличие заголовка, что в теле запроса данные в формате json.

Answer 3

[SORDELIUSE]

Всё получилось в таком варианте

var obj = 3;
$("#btn-more").click(function(){
   obj += 3;
 $.ajax({
              url:"db.php",
              type: "POST",
data :"param=" +JSON.stringify(obj),
              success:function(data) {
document.getElementById("res").innerHTML = data;
},
});
});
 });

$data = json_decode($_POST['param']);
echo $data;

Ответ от сервера я помещаю в контейнер с id=res; Там выводится отправляемая цифра.
У меня в файле HOST было прописано доменное имя с ip (это было для тестового сайта на хостинге), я почистил HOST и все заработало.... Большое спасибо за помощь!

Comments

[Senseich]

Такая же проблема, у меня почему то вместо значения в data приходит весь скелет страницы.