Javascript 我想阅读网站上的HTML元素并将它们发布到PHP脚本中

我创建了一个网站，可以在两个div元素之间拖放段落

一个命名的mods和一个命名的modlist

我喜欢这样，当我按下发布列表按钮时，我可以阅读modslistdiv中的所有元素，然后将它们发布到PHP脚本中，这样我就可以将它们保存到SQL数据库中

我尝试解决这个问题已经有一段时间了，我现在尝试的是当我按下发布列表按钮时，一个确认弹出窗口向用户显示：

<form>
    <p>Are you sure?</p>
    <input type="submit" value="Yep" onclick="return modListUpdate('{$_SERVER['PHP_SELF']}')">
</form>

这将涉及：

function modListUpdate(path) {
    var ancestor = document.getElementById("modList"),
        descendents = ancestor.getElementsByTagName('*');

    var i, e, modID;
    var form = document.createElement("form");

    form.setAttribute("method", "post");
    form.setAttribute("action", path);

    var source = document.createElement("input");
    source.setAttribute("type", "hidden");
    source.setAttribute("name", "source");
    source.setAttribute("value", "newModList");
    form.appendChild(source);

    for (i = 0; i < descendents.length; i++) {
        e = descendents[i];
        modID = e.id;
        modID = modID.substr(3);
        var hiddenField = document.createElement("input");
        hiddenField.setAttribute("type", "hidden");
        hiddenField.setAttribute("name", "mod"+modID);
        hiddenField.setAttribute("value", modID);

        form.appendChild(hiddenField);
    }

    document.body.appendChild(form);
    form.submit();
}

然后我准备好了一个php脚本来接收这篇文章，但它似乎不起作用。。。

---

你知道为什么吗？或者是更好的解决方法？

表单上未设置任何操作和方法。。。。尝试使用AJAX调用来实现这一点；这是因为javascript中的表单应该执行post操作