Javascript 使用jQuery拖动和排序div并输出html代码

我在做什么：

我正在创建一个邮件生成器。这仅仅是一个应用程序，它从邮件模板生成邮件（将我的一些产品作为广告的电子邮件）

我想要什么：

我希望能够订购邮件生成器中生成的div，并使用新订单创建一个新文件。 让我向您展示一下这个概念：

$（“#可排序”）.sortable({
connectWith:“.connectedSortable”，
停止：功能（事件、用户界面）{
$（'.connectedSortable'）。每个（函数（）{
结果=”；
（$（this）.sortable（“toArray”）；
$（this.find（“div”）.each（function（）{
结果+=$（this）.text（）+“
”；
});
$（“+$（this.attr（“id”）+“.list”）.html（结果）；
});
}
});

产品名称:1
价格:10,00
产品名称:2
价格:20,00
产品名称:3
价格:30,00
产品名称:4
价格:40,00

你能再具体一点吗？使用ajax将修改后的HTML发送回web服务器，我该怎么做

例如，您可以添加一个按钮。然后，当你在列表中整理完你的文章后，你会点击这个按钮。然后，附加到该按钮的eventhandler将从
$（“#可排序”）
元素中提取要保存到文件（
htmlToSend
）的html，并将其发送到特定的服务器地址。
$（“#可排序”）.sortable({
connectWith:“.connectedSortable”，
停止：功能（事件、用户界面）{
$（'.connectedSortable'）。每个（函数（）{
结果=”；
$（this.sortable（“toArray”）；
$（this.find（“div”）.each（function（）{
结果+=$（this）.text（）+“
”；
});
$（“+$（this.attr（“id”）+“.list”）.html（结果）；
});
}
});
$（'#send'）。在（'单击'，函数（）上）{
常量htmlToSend=$（'#sortable'）.html（）；
警报（“发送HTML:”+htmlToSend）；
$.ajax({
方法：“POST”，
url:“”，//将服务器地址更改为将处理html的脚本的地址（将其保存到文件或通过电子邮件发送）
数据类型：“json”，
contentType:'应用程序/json'，
数据：JSON.stringify（{html:htmlToSend}），
成功：功能（响应）{
//在服务器上保存成功时要执行的代码
},
错误：函数（err）{
//在服务器上保存失败时要执行的代码
}
});
});

产品名称:1
价格:10,00
产品名称:2
价格:20,00
产品名称:3
价格:30,00
产品名称:4
价格:40,00
您无法通过浏览器访问客户端上的文件系统。但是，您可以将修改后的HTML发送回Web服务器（例如，通过ajax），然后从服务器端保存。@Misha您可以更具体一点吗？使用ajax将修改后的HTML发送回web服务器，我该怎么做？