Как сохранить переменную JS в базе данных

Question

Я использую CakePHP, и с нескольких дней я пытаюсь сохранить переменную скрипта java с помощью ajax (jQuery) в базе данных mysql.

Я использую следующий код, чтобы сделать это:

<!-- document javascripts -->  
<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#saveForm').submit(function(){ 
      var formData = $(this).serialize(); 
      var formUrl = $(this).attr('action'); 
      $.ajax({ 
       type: 'POST', 
       url: formUrl, 
       data: formData, 
       success: function(data,textStatus,xhr){ 
         alert(data); 
       }, 
       error: function(xhr,textStatus,error){ 
         alert(textStatus); 
       } 
      }); 
      return false; 
     }); 
    }); 
</script> 

Но когда я нажимаю на кнопке отправки, Ajax разместит весь sourcode моей страницы. = (

Что мне нужно, это функция для хранения переменной Java Script в мою базу данных, но без перезагрузки страницы.

Я благодарен за любую помощь =)

Answer 1

Вы сказали JQuery сериализации формы элемент. То есть, преобразуйте элемент формы в текстовую строку. Другими словами, вы говорите ему, чтобы получить HTML-код формы и отправить его на ваш сервер.

Я не знаю (или хочу знать), какой правильный способ отправки данных формы AJAX есть, но я знаю, что вам нужно действительно что-то вроде доступа к полям формы, чтобы получить их значения.

Answer 2

Проблема может быть в параметре данных .. $('#saveForm').serialize(); должно быть нормально

Answer 3

Мой JS немного ржавый, но попробуйте изменить:

var formData = $(this).serialize(); 

To:

var formData = $('#saveForm').serialize(); 

Или:

var formData = $('#saveForm').val().serialize(); 

Предполагается, что вы хотите сериализовать и сохранить html всей формы.

Чтобы вытащить только значение из формы (я не думаю, что вам нужно сериализовать) попробовать:

var formData = $('#saveForm #someInputName').val(); 

Конечно изменения someInputName к тому, что фактическое имя поля, которое вы хотите сохранить.