c# - 动态生成 HTML div 并将数据插入数据库

Question

当我单击它时，我有图像，该值使用 jquery 存储在 x 和 y 变量中，图像部分名称也像 x=120 y =230 Name=Tea Cup

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

我可以多次单击图像并填写 X、y 和名称值

$("#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);

我想使用按钮名称 btn_addToDB 将这 5 10 15 50 DIV 记录插入数据库。我现在想做什么需要建议需要帮助

标签： c#jqueryasp.netajax

Answer 1

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