實時添加，用PHP編輯表中的行不起作用

Question

我想在表中創建實時添加和編輯行。當我單擊保存按鈕時，文本框中的數據將必須存儲在數據庫中。我的代碼如下：

function saveRow(oTable, nRow) {
    var x='<input type="text" class="form-control input-small" value="' + aData[0] + '">';
    var y='<input type="text" class="form-control input-small" value="' + aData[1] + '">';
    var a='<input type="text" class="form-control input-small" value="' + aData[2] + '">';
    var b='<input type="text" class="form-control input-small" value="' + aData[3] + '">';

    $.ajax({
        type: "POST",
        url: "add.php?type=add",
        data:{x:x,y:y,a:a,b:b},
        cache: false,
        success: function(html) {
            alert(html);
        }
    });  
}

add.php

if($_GET['type']=="add"){
    $fval=array();
    $fval[0]=$_POST['x'];
    $fval[1]=$_POST['y'];
    $fval[2]=$_POST['a'];   
    $fval[3]=$_POST['b'];       

    $db->connect();
    $rdata=$db->insert('new',$fval,'username,fullname,points,notes');
}

但是此代碼不起作用。有人可以說，我的代碼有什么問題嗎？

Answer 1

更改您的JavaScript函數，如下所示：

function saveRow(oTable, nRow) {
    var x='<input type="text" class="form-control input-small" value="' + aData[0] + '">';
    var y='<input type="text" class="form-control input-small" value="' + aData[1] + '">';
    var a='<input type="text" class="form-control input-small" value="' + aData[2] + '">';
    var b='<input type="text" class="form-control input-small" value="' + aData[3] + '">';

    $.ajax({
        type: "POST",
        url: "add.php",
        data:{
            x:x,
            y:y,
            a:a,
            b:b,
            type:'add',
        },
        cache: false,
        success: function(html) {
            alert(html);
        }
    });  
}

和PHP代碼如下：

if($_POST['type']=="add"){
    $fval=array();
    $fval[0]=$_POST['x'];
    $fval[1]=$_POST['y'];
    $fval[2]=$_POST['a'];   
    $fval[3]=$_POST['b'];       

    $db->connect();
    $rdata=$db->insert('new',$fval,'username,fullname,points,notes');
}