Jquery 将动态创建的texbox值转换为JSON数据

我正在尝试创建一个应用程序，允许用户添加文本框，然后将文本框中的数据提交到JSON文件。我尝试过使用Ajax，但不确定它如何处理动态创建的对象。任何语言的帮助都将不胜感激

以下是创建文本框的代码：

    $(document).ready(function(){
                 var counter = 2;
                 $("#addButton").click(function () {
                if(counter>1000000){
                        alert("Exceeded Text Box Limit");
                        return false;
                }   
                var newTextBoxDiv = $(document.createElement('div'))
                     .attr("id", 'TextBoxDiv' + counter);
                newTextBoxDiv.after().html(
                      '<input type="text" class="title" name="title[]' + counter + 
                      '" id="title' + counter + '" value="" >');

 );   
                newTextBoxDiv.appendTo("#Spacer");
                counter++;
 });

---

此外，如果用户删除文本框，是否可以删除此数据？提前谢谢。

这可能会让你开始

创建文本框后，您必须使用

$( "container" ).on( "click", "#Yourcontrol", function() {
 var TextBoxVal = $(this).val();
//write logic to send Data 
});

您可以使用form.serilize方法序列化数据并将其发送到服务器端

.serialize方法创建标准URL编码的文本字符串 符号它可以作用于已选择单个对象的jQuery对象 表单控件，例如，和：$input， text区域，选择。序列化

---

如果它对您非常有效，请将其标记为答案，谢谢