jQuery: входные значения формы оказываются неопределенными - PullRequest
Новая
       2

jQuery: входные значения формы оказываются неопределенными

3 голосов
/ 09 июня 2010

Возникли проблемы с этим битом кода qith jQuery. он должен выбрать значения из текущей формы и затем отправить их, но когда я пытаюсь получить их с помощью jQuery, они всегда оказываются неопределенными. Я знаю, что результаты SQL хороши, так как они правильно отображаются в HTML-таблице, так что это должны быть мои плохие навыки работы с JavaScript. Новый с jQuery, и я в растерянности: (

PHP / HTML: 

echo "<table>\n" 
while ($row = odbc_fetch_array($query))
    {
    echo    "<form class='catForm'>\n";
    echo    "<input type=hidden class='catID' name='catID' value='".$row['running_id']."'/>\n";
    echo    "<tr>\n";
    echo        "<td>".$row['running_id']."</td>\n";
    echo        "<td>".$row['site_id']."</td>\n";
    echo        "<td>".$row['main_category']."</td>\n";
    echo        "<td>".$row['map_name']."</td>\n";
    echo        "<td><input type=textfield class='bCatID' value='".$row['mapping_id']."' size=6/></td>\n";
    echo        "<td><input type=submit class='saveCat' value='Save'/></td>\n";
    echo        "<td><input type=submit class='killCat' value='Delete' /></td>\n";
    echo    "</tr>\n";
    echo  "</form>\n";  
    }
    echo "</table>";

JQuery: 

$(".catForm").submit(function () { 
  var id = $(this).find('.catID').val();
  var bCatID = $(this).find('.bCatID').val();
  var dataString = 'id='+id+'&bCatID='+bCatID;

  $.ajax({
    type: "POST",
    url: 'adminUI/bin/updateSCategories.php',
    dataType : 'json',
    data: dataString,
    success: function(data)
    {
      if (data.error == true)
        $('.failure').html("Error, save failed.").show().fadeOut(2000);
      if (data.error == false)
        $('.success').html("Saved succesfully").show().fadeOut(2000);
    },
    error: function(XMLHttpRequest, textStatus, errorThrown)
    {
      $('.failure').html("Error, save failed.").show().fadeOut(2000);
    }
  });
  return false;
});

РЕЗУЛЬТАТ:
id: undefined
bCatID: не определено

Ответы [ 2 ]

1 голос
/ 09 июня 2010

Попробуйте: 

$(".catForm").submit(function () { 
 $.ajax({
   type: "POST",
   url: 'adminUI/bin/updateSCategories.php',
   dataType : 'json',
   data: $(this).serialize(),
   success: function(data)
   {
    if (data.error == true)
      $('.failure').html("Error, save failed.").show().fadeOut(2000);
    if (data.error == false)
      $('.success').html("Saved succesfully").show().fadeOut(2000);
   },
   error: function(XMLHttpRequest, textStatus, errorThrown)
   {
     $('.failure').html("Error, save failed.").show().fadeOut(2000);
   }
});
return false;
});

Рекомендации: .serialize ()

0 голосов
/ 09 июня 2010

Jquery плохо работает с формами внутри таблиц: вам следует реструктурировать html / js.

...