2014-02-24 69 views
0

我正在使用以下代碼來編輯數據庫中的記錄。它適用於編輯。我需要擴展功能以包括添加或刪除功能的能力。通過json更新db

在我的表單上,我使用三個單獨的按鈕來選擇是添加,編輯還是刪除。

如何擴展腳本以確定哪些按鈕被點擊?

// Action to run on submit to add/edit/delete record from database 
var request; // variable to hold request 

// bind to the submit event of our form 
$("#form_edit").submit(function(event){ 
    // abort any pending request 
    if (request) { 
     request.abort(); 
    } 

    // setup local variables 
    var $form = $(this); 

    // select and cache all the fields 
    var $inputs = $form.find("input, select, textarea"); 

    // serialize the data in the form 
    var serializedData = $form.serialize(); 

    // disable the inputs for the duration of the ajax request 
    $inputs.prop("disabled", true); 

    // define constants to be passed as parameters 
    var updateType = "edt"; // This needs to be changed to 'add' or 'del' 
    var tableName = "phasecodes"; 
    var indexName = "phase_ID"; 
    var recNumber = phase_ID.value; 

    // Build string for query input 
    var type = "?type=" + updateType; 
    var table = "&table=" + tableName; 
    var index = "&index=" + indexName; 
    var rec = "&rec=" + recNumber; 
    var getS = type + table + index + rec; 

    // execute request to update database 
    request = $.ajax({ 
     url: "files_json/update_Record.php" + getS, 
     type: "post", 
     data: serializedData 
    }); 

    // callback handler called on success 
    request.done(function (response, textStatus, jqXHR) { 
     console.log("Data record updated!"); // log success message to the console 
    }); 

    // callback handler called on failure 
    request.fail(function (jqXHR, textStatus, errorThrown) { 
     console.error("The following error occured: " + textStatus, errorThrown); // log the error to the console 
    }); 

    // callback handler called regardless if the request failed or succeeded 
    request.always(function() { 
     $inputs.prop("disabled", false); // reenable the inputs 
    }); 

    // prevent default posting of form 
    event.preventDefault(); 
}); // End of submit function 

回答

0

假設表單中的三個按鈕類型的「提交...」 你可以看到this post

像這樣的東西應該返回點擊的按鈕值:

var val = $("input[type=submit][clicked=true]").val();