显示一条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文件，这使得相应的检查之前提交。

这个文件生成一个消息

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')); 
} 

所以最后一部分应显示settingsMessage DIV里面这条消息。

错误在哪里？

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){