使用JSON检查确认消息后的任何数据

时间:2018-01-04 08:15:40

标签: javascript json ajax confirmation

我想在用户选择确认消息后成功保存数据警报或失败。在这种情况下,在用户确认我发出的消息后进行数据检查。

这是我的Javascript代码:

$('#add-btn').on('click', function(event){
  var confirmation = confirm("Do you want to save ?");
  if (confirmation == true) {
    var code = $('#code').val();
    var name = $('#name').val();
    var unit = $('#unit').val();
    var price_code = $('#price_code').val();
    var type = $('#type').val();
    var final = $('#final').val();
    var dataString = 'code=' +code+ '&unit=' +unit+ '&price_code=' +price_code+ '&type=' +type;
    if (code != '' && name != '' && unit != '' && price_code != '' && type != '' && final != ''){
      event.preventDefault();
      $.ajax({
        type: "POST",
        url: "../public/process/add_data.php",
        data: dataString,
        dataType: "json",
        cache: false,
        success: function(data){
          if(data.status == 'success'){
            alert("Success !");
          }
          else if(data.status == 'error'){
            alert("Data already used !");
          }
        }
      });
    }
    else{
      alert('Please fill all fields !');
    }
  }
});

所有输入成功保存但警报无法显示。

3 个答案:

答案 0 :(得分:0)

我认为你的php文件存在问题。您的JOSN数据格式不正确。您可以在add_data.php文件中尝试此操作

//All code goes here and after insert try this

$array = array();

if(if data insert successfully) { 
  $array['status '] = 'success';
} else {
  $array['status '] = 'error'; 
}

header('Content-Type: application/json');
echo json_encode($array);

答案 1 :(得分:0)

只有一切顺利,才会执行成功功能。如果有任何错误,您需要添加Ajax失败函数,如下所示:

     $.ajax({
        type: "POST",
        url: "../public/process/add_data.php",
        data: dataString,
        dataType: "json",
        cache: false,
        success: function(data){
            alert("Success !");
        }
    }).fail(function () {
            alert("Data already used !");
    });

答案 2 :(得分:0)

最后我找到了解决方案。对不起,我很抱歉。 发生这种情况是因为我的变量dataString没有完成。 它应该是:

var dataString = 'code=' +code+ '&name=' +name+ '&unit=' +unit+
'&price_code=' +price_code+ '&type=' +type+ '&final=' +final;

谢谢大家的好意: - )