Ajaxの成功メッセージを表示する

Question

私はajax呼び出しを行い、成功メッセージを表示しようとしています。 私はいくつかのデータを投稿するPHPフォームを持っています。 ここに私のコードです。

<script> 
$(document).ready(function() { 
    $('#valuesubmit').click(function(event) { 
     var formData = new FormData($('form#devAdd')[0]); 
     $.ajax({ 
      url: 'php/addDevice.php', //Server script to process data 
      type: 'POST', 
      // Form data 
      data: formData, 
      contentType: false, 
      processData: false, 
      dataType: 'json', 
      success: function(response){ 
       $('#settingsMessage').html(response["msg"]); 
      } 
     }); 
    }); 
}); 
</script> 

次に、送信前に適切なチェックを行うphpファイルがあります。

このファイルには、だから、最後の部分はsettingsMessage DIV内のこのMSGを示すべきメッセージ

if(trim($Name) == '') { 
    echo json_encode(array('msg' => 'Name, is required.')); 
} else if(trim($DevID) == '') { 
    echo json_encode(array('msg' => 'State, is required')); 
} else if(trim($IconID) == '') { 
    echo json_encode(array('msg' => 'Town, is required')); 
} 

を生成します。

どこが間違いですか？

Answer 1

コンソールにエラーがありますか？これを試してみてください：

<script> 
$(document).ready(function() { 
    $('#valuesubmit').click(function(event) { 
    var formData = new FormData($('form#devAdd')[0]); 
    $.ajax({ 
     url: 'php/addDevice.php', //Server script to process data 
     type: 'POST', 
     // Form data 
     data: formData, 
     dataType: 'json', 
     success: function(response){ 
      $('#settingsMessage').html(response.msg); 
     } 
    }); 
    }); 
}); 
</script> 

あなたは空を持っていた：success: function(response){