Проблема с передачей данных через AJAX. Почему не передаются параметры?

Question

[lo9o]

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

Работает:

function Pages() {
          $.ajax({  
              type: "POST",  
              url: "/",  
              data: {a:'users',fst:'40',prt:'0'},
              success: function(html){  
              $('#adresbox').html(html);
              }
          });
          $('#adrwnd').modal('show');
          return false;  
      };

Не работает:

function Pages() {
	var datastr = "a:'users',fst:'40',prt:'0'";
          $.ajax({  
              type: "POST",  
              url: "/",  
              data: {datastr},
              success: function(html){  
              $('#adresbox').html(html);
              }
          });
          $('#adrwnd').modal('show');
          return false;  
      };

С чем это может быть связано? Возможно не вижу чего-то совсем очевидного?

Answer 1

[Павел Атайкин]

В вашем случае нужно передавать не строку, а FormData. Выглядеть будет примерно так:

function Pages() {
var data = new FormData();
data.append('a', 'users');
data.append('fst', '40');
data.append('prt', '0');

$.ajax({
type: "POST",
url: "/",
data: data,
success: function(html){
$('#adresbox').html(html);
}
});
$('#adrwnd').modal('show');
return false;
};

Для наглядности показал, как добавляются данные в FormData. На сервере обращаться через массив $_POST.

Answer 2

[lo9o]

Павел, спасибо большое за ответ.
Я решил вот так:

function Pages(act,fst,prt) {

          $.ajax({  
              type: "POST",  
              url: "/",  
	      data: {a: act, fst: fst, prt: prt},
              success: function(html){  
              $('#adresbox').html(html);
              }
          });
          return false;  
      };

Получается проще, но не универсальнее (так как набор параметров может быть разным). Кстати, в Вашем варианте такое решение возможно реализовать, используя цикл.
Я же пытался сделать универсальный подход через replace, превращая переданную строку вида "a=users&fst=40&prt=0" в "a:'users',fst:'40',prt:'0'".
Что меня в ситуации озадачило - это то, что я не пойму в чем разница для AJAX между первым (когда работает) и вторым (когда не работает) вариантами. В этом и был мой вопрос.
Второй Ваш совет ($_POST) у меня работать не будет.

Comments

[Павел Атайкин]

Разница в том, что в первом случае вы передаёте объект(jquery сам его преобрабатывает перед отправкой), а во втором строку. Если хотите передавать строку используйте JSON. В случае с JSON нужно будет добавить дополнительные параметры в запрос.

[Павел Атайкин]

А именно, jquery сам обрабатывает объект в FormData

[Павел Атайкин]

Требуется ли отредактировать ответ, чтобы передавать JSON строку?