jQuery Ajax提出の問題

Question

なぜ次の人がフォームを受け取らないのですか？すべてのエラーをスローせずに通常のPHPの投稿を行うだけです...

私はこれもblockUiを使用しているのでブロック/ブロックを解除します。

$(document).ready(function(){ 
    $("input.update").click(function(){ 
     var str = $(this).parent().serialize(); 
     $(this).parent().parent().block({ message: "<span class=\"loading\"><img src=\"<?php echo $siteUrl ?>/admin/template/images/loading.gif\" alt=\"loading...\" /><p>Updating...</p></span>" }); 
     $.ajax({ 
      type: "POST", 
      url: "forms/update.php", 
      data: str, 
      success: function(){ 
       $("div.edit_box").unblock(); 
       $("div.edit_box").append("<span class=\"success\">This has been updated!</span>"); 
      } 
     }); 
     return false; 
    }); 
}); 

これは、jQueryのAjax機能を使用する私の最初の試みですので、私に同行してください。それはあなただけが目に少し簡単です.post方法を、使用することができますポストの「成功」のコールバックを使用していると思われるので

Answer 1

でなければなりません。また、ブロックコールをajaxStartとajaxStopの中に入れることもできます。私にとっては、それはほんとうです。

$(this).parent().parent().blockは私には間違っているように見えますが、ブロック解除に使用されているのと同じ要素を参照するように変更しました。また、実際にが「」であることを確認するために、PHPスクリプトの出力をチェックしています（PHPからのXMLをエコーし​​てコンソールログに表示されます）。

$(function() { 
    // Apply click handlers to anchors 
    $("input.update").click(function(e){ 
     // Stop normal link click 
     e.preventDefault(); 

     var str = $(this).parent().serialize(); 

     // Send request 
     var action = "forms/update.php"; 
     $.post(action, {data:str}, function(xml) { 
      console.log(xml); 
      $("div.edit_box").append("<span class=\"success\">This has been updated!</span>"); 

     }) 
    }); 

    // Adds a wait indicator to any Ajax requests 
    $(document.body).ajaxStart(function() { 
     $("div.edit_box").block({ message: "<span class=\"loading\"><img src=\"<?php echo $siteUrl ?>/admin/template/images/loading.gif\" alt=\"loading...\" /><p>Updating...</p></span>" }); 

    }).ajaxStop(function() { 
     $("div.edit_box").unblock(); 
     $("div.edit_box").append("<span class=\"success\">This has been updated!</span>"); 
    }); 
}); 

Answer 2

("input.update").click(function(){ 

は

$("input.update").click(function(){