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中显示这个msg。

错误在哪里？

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

显示Ajax成功消息

1 个答案: