Не удается получить доступ к данным из запроса jQuery Ajax, возвращает пустой массив

У меня есть форма, которая вызывается через пример входа fancybox plugin.Не удается получить доступ к данным из запроса jQuery Ajax, возвращает пустой массив

Вот код, у меня есть:

Форма:

<form method="post" action="" id="events_form"> 
    <p class="clearfix"><label for="Name">Name:</label> <input type="text" name="Name" id="Name" /></p> 
    <p class="clearfix"><label for="Company">Company:</label> <input type="text" name="Company" id="Company" /></p> 
    <p class="clearfix"><label for="Email">Email:</label> <input type="text" name="Email" id="Email" /></p> 
    <p class="clearfix"><label for="Tel">Tel:</label> <input type="text" name="Tel" id="Tel"/></p> 
    <p class="clearfix"><input type="submit" value="Submit details" /></p> 
</form>

JavaScript/JQuery:

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("#event_trigger").fancybox({ 
      'padding' : 0, 
      'scrolling' : 'no', 
      'titleShow' : false, 
     }); 

     $("#events_form").bind("submit", function() { 
      $.fancybox.showActivity(); 

      $.ajax({ 
       type : "POST", 
       cache : false, 
       url : "/events/index.php", 
       data : $(this).serializeArray(), 
       success: function(data) { 
        $.fancybox(data); 
       } 
      }); 
      return false; 
     }); 
    }); 
</script>

Отдача файл PHP и пустой массив. Однако вкладка post Firebug отображает данные формы.

Кроме того, я заметил, что если я

print_r($_SERVER['REQUEST_METHOD'])

Это возвращает GET, даже если я указан POST.

источник

2010-02-17 Oldie

вы можете попробовать использовать функцию $ .post() –

Я пытался использовать $ .post(), проблемы остаются, к сожалению, – Oldie

Почему бы не использовать [jQuery form plugins] (http: //www.malsup. ком/JQuery/форма)? Это упростит вашу работу. –

$.ajax ожидает, что параметр data является объектом или строкой.

http://api.jquery.com/jQuery.ajax/ прокрутите вниз до данных.

Если вы оберните свой data в объект, например. data: {array:$(this).serializeArray()} это может сработать. Хотя я не уверен на 100%.

источник

2010-02-17 12:06:31 Nalum

Привет, спасибо за ваш ответ, к сожалению, обертывание данных не сработало. – Oldie

Что вы можете получить, если вы добавите textStatus в свою функцию успеха, например. 'function (data, textStatus) {alert (textStatus);}'? – Nalum

thats возвращает «Успех», тем не менее, пустой массив. – Oldie

Вы делаете запрос AJAX на форме submit.

Если запрос AJAX не синхронный (что я бы не рекомендовал, так или иначе), существует опасность того, что ваша форма будет отправлена до того, как возникнет вероятность того, что запрос AJAX вернется.

В строке:

$(this).serializeArray()

$ (это) имеет в виду выбранного в методе связывания в виде элемента. Я предполагаю, что это предназначено

источник

2010-02-17 12:07:11

Привет, да, это предназначено. Я получил этот код из примера на http://fancybox.net/blog, и этот пример отлично работает. – Oldie

$(this).serializeArray()

с именем формы CSS ID (# моя форма-ID, в данном примере), как это:

$("#my-form-ID").serializeArray()

Надежда, которая решает ее. Это сработало для меня. ; -D

источник

2010-11-13 17:17:05 Esteban

Не удается получить доступ к данным из запроса jQuery Ajax, возвращает пустой массив

ответ

Смежные вопросы