如何從窗體中發送複選框和文件的值與ajax

我有窗體，我想從它發送值與ajax到PHP腳本，但它不會發送chceckbox的值，如果它被檢查，並不發送帶有頭像的文件。所以表單只能從文本輸入發送值，而不能從複選框和文件發送。你能幫我解決什麼問題嗎？形式：如何從窗體中發送複選框和文件的值與ajax

<form action='' id='form1' method='post' name='form1' ENCTYPE='multipart/form-data'> 
<input type='text' name='name' id='name' value=''> 
<input type='text' name='age' id='age' value=''> 
<input type='text' name='hobby' id='age' hobby=''> 
<input type="checkbox" name="chkPHP" id="chkPHP" value="checked"> 
<input type='file' name='avatar' id='avatar' value='insert avatar' SIZE='30' accept=''> 
<input type='submit' name='submit' id='submit' value='submit'> 
</form>

腳本從形式發送值：

<script src="jquery.js" type="text/javascript" charset="utf-8"></script> 
<script> 
$(document).ready(function(){ 
    $('#submit').click(function() { 

     $('#waiting').show(0); 
     $('#form1'); 
     $('#error').hide(0); 

     $.ajax({ 
      type : 'POST', 
      url : 'pksZpacuj.php', 
      dataType : 'json', 
      data: { 
       name: $('#name').val(), 
       age: $('#age').val(), 
       hobby: $('#hobby').val(), 
       chkPHP: $('#chkPHP').val(), 
       avatar: $('#avatar').val() 
      }, 
      success : function(data){ 
       $('#waiting').hide(0); 
       $('#error').removeClass().addClass((data.error === true) ? 'error' : 'success') 
        .html(data.msg).show(0); 
       if (data.error === true) 
        $('#form1'); 
      }, 
      error : function(XMLHttpRequest, textStatus, errorThrown) { 
       $('#waiting').hide(0); 
       $('#error').removeClass().addClass('error') 
        .text('There was an error.').show(0); 
       $('#form1'); 
      } 
     }); 

     return false; 
    }); 
}); 
</script>

來源

2012-03-24 Petr Šrámek