ajax添加數據

本文轉載自查看原文 2017-05-13 15:21 6247

一、用到數據庫中的minzu表：

添加頁面代碼如下：

<title>無標題文檔</title>
<script src="jquery-3.2.0.min.js"></script>
</head>

<body>

<h1>添加數據</h1>
<div>代號:<input type="text" id="code" /></div>
<div>名稱:<input type="text" id="name1" /></div>
<input type="button" value="添加" id="add" />
</body>
<script type="text/javascript">
$("#add").click(function(){
    var code = $("#code").val();
    var name1 = $("#name1").val();
    
    $.ajax({
        url:"tianjia.php", //要處理的頁面
        data:{c:code,n:name1},  //要傳過去的數據
        type:"POST",  //提交方式
        dataType:"TEXT", //返回的數據類型，TEXT字符串 JSON返回JSON XML返回XML；dataType中T要大寫！！
        success: function(data){ //回調函數，data為形參，是從login-cl.php頁面返回的值
            if(data.trim()=="OK") //trim()去空格
            alert("添加成功");
            else
            alert("添加失敗");
        }
        
    });
})
</script>
</html>

處理頁面：

<?php
$code = $_POST["c"];
$name1 = $_POST["n"];
require "DBDA.class.php";
$db = new DBDA();

$sql = "insert into minzu values('{$code}','{$name1}')";
if($db->query($sql,0))
{
    echo "OK";
}
else
{
    echo "NO";
}

最終效果：

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 ajax調用WebAPI添加數據利用ajax技術添加數據點滴筆記（一）：for循環ajax請求添加數據 Jquery+Ajax實現Select動態添加數據 pandas添加數據 JDBC添加數據 Elasticsearch 添加數據 listview添加數據 vector添加數據給對象添加數據