JQuery Dialog, который вызывает удаленный скрипт через ajax

Question

Я пытаюсь получить диалоговое окно JQuery для отправки данных в удаленный скрипт всякий раз, когда нажимается кнопка «Добавить» в диалоговой кнопке, но мой скрипт, кажется, умирает в .ajax и ничего не отображается в моей консоли, чтобы дайте подсказку об ошибке:

$( "#button" ).dialog({
  resizable: false,
  title: "Confirm",
  height:140,
  modal: true,
  autoOpen: false,
  buttons: {
    "Add": function() {
      var data = $('.part1').serialize()
      $.ajax({
          url: "/www/htdocs/test.pl",
          type: "GET",
          data: data,
          cache: false,
          success: function {
                   $('#div1').fadeOut('slow');
                   $('#div2').fadeIn('slow');
          }
      });     
      return false;
    },
    Cancel: function() {
      $(this).dialog( "close" );
    }
  }
});

<div id="div1">
<input class="part1" type="hidden" value="Jon" name="fname">
<input class="part1" type="hidden" value="Doe" name="lname">
<input class="part1" type="hidden" value="jon@doe.com" name="email">
<input id="button" type="button" value="button">
</div>
<div id="div2">Complete</div>

Answer 1

У вас есть несколько синтаксических ошибок (которые появляются в FireBug):

Добавить ; в конце:

var data = $('.part1').serialize()

как:

var data = $('.part1').serialize();

Добавить () после success: function

как:

success: function()

Создание полного кодакак это:

$( "#button" ).dialog({
  resizable: false,
  title: "Confirm",
  height:140,
  modal: true,
  autoOpen: false,
  buttons: {
    "Add": function() {
      var data = $('.part1').serialize();
      $.ajax({
          url: "/www/htdocs/test.pl",
          type: "GET",
          data: data,
          cache: false,
          success: function()
          {
                   $('#div1').fadeOut('slow');
                   $('#div2').fadeIn('slow');
          }
      });     
      return false;
    },
    Cancel: function() {
      $(this).dialog( "close" );
    }
  }
});

с этими исправлениями, здесь нормально работает: http://jsfiddle.net/YzhG9/10/