Javascript 从输入字段捕获数据

一直试图收集输入字段中未提交的数据，并按下按钮将该数据发布到另一个div buy中

这可以通过脚本实现吗

Html

目前还不清楚您试图做什么，但这只会将数据从输入字段移到输出区域。这样做不需要AJAX或表单提交


//获取我们需要使用的DOM元素的引用
var frm=document.querySelector（“表单”）；
var capBtn=document.querySelector（“.capture_按钮”）；
var out=document.querySelector（“.divoutput”）；
//设置捕获按钮的单击事件处理程序
capBtn.addEventListener（“单击”，函数（）{
var outputString=“
”；
//循环遍历表单元素并将数据写入输出区域
对于（变量i=0；i”+frm.elements[i]。name+“=”+frm.elements[i]。value+“”；
}
}
out.innerHTML=outputString+“
”；
//显示提交按钮以进行进一步处理
document.querySelector（“.submitformbutton”）.classList.remove（“hidden”）；
//隐藏捕获按钮
this.classList.add（“隐藏”）；
});
.capture_按钮{
边框：1px纯黑；
背景色：#E0；
显示：内联块；
保证金：5px0；
填充：3倍；
光标：指针；
}
.hidden{可见性：hidden；}

提交
捕获表单数据
您可以使用此脚本

$(".capture_button").click(function() {
     var data1 = $("[name='data1']").val();
     var data2 =  $("[name='data2']").val();

     $(".divoutput").append(data1+ " " + data2);//or you can use html instead of append

});

我希望，这个脚本可以解决您的问题。
您如何知道哪些数据尚未提交？为什么需要AJAX将数据从页面的一部分移动到另一部分？并且，将要提交其数据的
表单在哪里？还有，为什么不为你的按钮使用一个
按钮呢？我不知道有什么数据，只是已经提交的数据，而不是提交，它想从字段中获取数据而不提交。为什么要进行严厉的否决，这不是一个你不知道的地方吗。这些天来，你在贬低别人的帖子方面付出了太多的努力，而不是帮助人们进一步探索。否决票是因为你没有明确说明你想做什么，而且你最初没有发布所有相关的代码。如果我们不能理解您的要求，我们将无法帮助您。“未定义”出现。表单尚未提交。此脚本是否仍从输入字段show获取数据，以使用html而不是$（div）.html（data）；。必须为输入元素提供id。并从id为name的元素中获取数据。例如$（“#id_name”）.val（）；
$(".capture_button").click(function() {
     var data1 = $("[name='data1']").val();
     var data2 =  $("[name='data2']").val();

     $(".divoutput").append(data1+ " " + data2);//or you can use html instead of append

});