Javascript 使用ajax和php为数据库增值

我想向zemljiste表中的数据库添加值'Nova parcela'，因此我编写了第一个ajax代码：

<script>
var nova_parcela = 'Nova parcela';
 $("#dodaj").click(function() {
        $.ajax({
            url: "insert.php",
            type: "POST",
            async: true, 
            data: { name:nova_parcela}, //your form data to post goes here as a json object
            dataType: "html",

            success: function(data) {
                $('#output').html(data);
                drawVisualization();   
            },  
        });

});
</script>

var nova_parcela=‘nova parcela’；
$（“#dodaj”）。单击（函数（）{
$.ajax({
url:“insert.php”，
类型：“POST”，
async:true，
数据：{name:nova_parcela}，//要发布的表单数据作为json对象放在这里
数据类型：“html”，
成功：功能（数据）{
$（'#output'）.html（数据）；
绘图可视化（）；
},  
});
});

然后我编写php代码：INSERT.php是：

    if ($_SERVER['REQUEST_METHOD'] == "POST") {

 if (!$_POST['name']!='Nova parcela') {
            echo "<p>Popunite sva polja</p>";
            exit;
        } else {
            try {        
                $DBH = new PDO($dsn, $user, $pass, $opt);
                $STH = $DBH->prepare("INSERT INTO zemljiste (naziv) VALUES (:name)");

                $STH->bindParam(':name', $_POST['name']);

                $STH->execute();

            } catch (PDOException $e) {
                echo $e->getMessage();
            }
            echo "<p>Data submitted successfully</p>".$_POST['ajdi'];

        }

    }

    $DBH = null;

if（$\u服务器['REQUEST\u方法]]=“POST”）{
如果（！$_POST['name']！='Nova parcela'）{
echo“Popunesva polja
”；
出口
}否则{
试试{
$DBH=新PDO（$dsn，$user，$pass，$opt）；
$STH=$DBH->prepare（“插入zemljiste（naziv）值（：名称）”）；
$STH->bindParam（':name'，$\u POST['name']）；
$STH->execute（）；
}捕获（PDO$e）{
echo$e->getMessage（）；
}
echo“数据提交成功”
”$\u POST['ajdi']；
}
}
$DBH=null；

但是什么都没发生，这里有什么问题吗？

试着改变一下

   if (!$_POST['name']!='Nova parcela') {

到

编辑：

还有你的剧本：

  <script>
 var nova_parcela = 'Nova parcela';
  $("#dodaj").click(function() {
    $.ajax({
        url: "insert.php",
        type: "POST",
        async: true, 
        data: { name:nova_parcela}, //your form data to post goes here as a json object
        dataType: "json",

        success: function(data) {
               if (data.msg == 'success'){
                   $('#output').html("<p>Data submitted successfully</p>"+nova_parcela);
                   drawVisualization();   
                  }
            else{
         $('#output').html("<p>Popunite sva polja</p>");
              }
        }  
    });

 });
 </script>

var nova_parcela=‘nova parcela’；
$（“#dodaj”）。单击（函数（）{
$.ajax({
url:“insert.php”，
类型：“POST”，
async:true，
数据：{name:nova_parcela}，//要发布的表单数据作为json对象放在这里
数据类型：“json”，
成功：功能（数据）{
如果（data.msg==“成功”）{
$（'#output'）.html（“数据成功提交”
”+nova_parcela）；
绘图可视化（）；
}
否则{
$（'#output'）.html（“popunesvapolja
”）；
}
}  
});
});

如果（！$\u POST['name']！='Nova parcela'）你打算在这里做什么

好的，这对我来说并不重要，所以我可以删除代码的这一部分。数据库中是否插入了任何内容？不尝试打印时（$\u POST）；在insert.php中，如果是，则发出警报（数据）；在success函数中，查看页面returns，因此我运行php代码时没有出现错误hadling，但再次出现白色屏幕，您是否正在提交到insert.php？显示你的html表单。不，我没有表单，我只有var nova_parcela，我需要添加到数据库中的值。在html中，我只有这个：Dodaj novu parcelu
if (isset($_POST['name'])) {

        try {        
            $DBH = new PDO($dsn, $user, $pass, $opt);
            $STH = $DBH->prepare("INSERT INTO zemljiste (naziv) VALUES (:name)");

            $STH->bindParam(':name', $_POST['name']);

            $STH->execute();
            $datas['msg']= "success" ;
        } catch (PDOException $e) {
            echo $e->getMessage();
        }

      $DBH = null;
     echo json_encode($datas);
    }

  <script>
 var nova_parcela = 'Nova parcela';
  $("#dodaj").click(function() {
    $.ajax({
        url: "insert.php",
        type: "POST",
        async: true, 
        data: { name:nova_parcela}, //your form data to post goes here as a json object
        dataType: "json",

        success: function(data) {
               if (data.msg == 'success'){
                   $('#output').html("<p>Data submitted successfully</p>"+nova_parcela);
                   drawVisualization();   
                  }
            else{
         $('#output').html("<p>Popunite sva polja</p>");
              }
        }  
    });

 });
 </script>