使用class ="x"查找所有元素,并将POST发送到服务器以获取数据库INSERT

Question

给出一个WYSIWYG的大块文本块,如:

Lorem ipsum dolor sit amet, <span class="X" id="12">consectetur adipiscing elit</span>. Donec interdum, neque at posuere scelerisque, justo tortor tempus diam, eu hendrerit libero velit sed magna. Morbi laoreet <span class="X" id="13">tincidunt quam in facilisis.</span> Cras lacinia turpis viverra lacus <span class="X" id="14">egestas elementum. Curabitur sed diam ipsum.</span>

如何使用JQUERY查找以下内容:

<span class="X" id="12">consectetur adipiscing elit</span>
<span class="X" id="13">tincidunt quam in facilisis.</span>
<span class="X" id="14">egestas elementum. Curabitur sed diam ipsum.</span>

并将其发布到服务器,如下所示:

12, consectetur adipiscing
13, tincidunt quam in facilisis.
14, egestas elementum. Curabitur sed diam ipsum.

通过这种方式,ColdFusion可以遍历结果并将3个插入到数据库中？

Answer 1

var postText = "";
$("span.X").each(function() {
     postText += "\n" + $(this).attr("id") + ", " + $(this).text();
});

$.ajax({
   url: "path/to/script",
   type: "POST",
   data: "postText=" + postText,
   success: function(response) {
      // request has finished at this point.
   }
});