Form Submitで入力フィールドのみを変更してJSONを作成します。

Question

フォームを送信する前に変更された入力フィールドのみを使用してJSONを作成します。

どのように変更した値をJSONの形式で保存することができますか？

$(document).ready(function() { 

    $('#save').click(saveChangedValues); 

} 



function saveChangedValues(e) { 

    e.preventDefault(); 

    var fields = $("#frmStudInfo :input").serializeArray(); 

    trackFormDataChanges(fields); 


    //make a ajax call with json only with the changed fields 

    $.ajax{(
    )} 

} 

var finalJSON = {}; 

function trackFormDataChanges(fields){ 

    $.each(fields, function(i, field) { 
     //create final json 
    }); 
} 

<form id="frmStudInfo"> 

    Name <input type="text" id="name" name="name" > 
    Date <input type="date" id="bdate" name="bdate"> 
    ID <input type="number" id="stdID" name="stdID"> 
    <input type="submit" id="save" value="Save" /> 

<form> 

Answer 1

にあなたはこのような何かを行うことができます。

var prevFields; 
 
$("#save").click(function(e){ 
 
    e.preventDefault(); 
 
    var fields = $("#frmStudInfo :input").serializeArray(); 
 
    var changedInputs; 
 
    if(prevFields){ 
 
    changedInputs = fields.filter(function(v){ 
 
     prevValue = prevFields.find(val => val.name === v.name); 
 
     return !prevValue || v.value !== prevValue.value; 
 
    }); 
 
    }else{ 
 
    changedInputs = fields; 
 
    } 
 
    console.log("changed inputs", changedInputs); 
 
    prevFields = fields; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form id="frmStudInfo"> 
 
Name <input type="text" id="name" name="name" > 
 
Date <input type="date" id="bdate" name="bdate"> 
 
ID <input type="number" id="stdID" name="stdID"> 
 
<input id="save" type="submit" id="save" value="Save" /> 
 
</form>

アイデアが保存してでそれらを使用する各全くの入力の値を格納することです次のセーブでどのセクタが変更されたかを確認します。