Динамически генерировать HTML Div и вставлять данные в базу данных

Question

У меня есть изображение, когда я нажимаю на него, значение сохраняется в переменной x и y, используя jquery также имя части изображения, например x = 120 y = 230 Имя = Чашка чая

var x = event.pageX;
var y = event.pageY;

I можете щелкнуть по изображению любое количество раз и заполнить значения X, y и Name

$("#textboxX").append('<div><input type="text" value="' + x + '" id="txtX" name="txtX"/></div>');
$("#textboxY").append('<div><input type="text" value="' + y + '" id="txtY" name="txtY"/></div>');
$("#textboxBPart").append("<div><input type='text' id='txtName' name='txtName'/></div>");

var $r = $('<button />', { type: 'button', text: 'Add Data to Div', id: 'btn_addToDiv' });
var $cancle = $('<button />', { type: 'button', text: 'Cancle', id: 'btn_cancle' });

var $DBInsert = $('<button />', { type: 'button', text: 'Add Data to Database', id: 'btn_addToDB' });
$("#divSaveDynamicDis").append($r);
$("#divSaveDynamicDis").append($cancle);

Теперь это значение добавляется в div

var NewData = '<div class="col-sm-12">' + x + '   ' + y + '  ' + txtName.value + ' &nbsp; <a href="javascript:void(0);" class="remCF" data-marker="m_' + x + '_' + y + '">Remove</a> </div>';

$("#<%= divdynamicData.ClientID %>").append(NewData);

Я хочу вставить эти 5 10 15 50 DIV записей в базу данных, используя имя кнопки btn_addToDB. То, что я предполагаю сделать сейчас, нуждается в предложении, нужна помощь

Answer 1

$('.btn_addToDB').click(function(){ 
   $.post('Path',DataVariable, function(res){
       if(res){
           alert("Ajax call completed")
       }
   });
});