Javascript 使用ajax解析html的最佳方法

我正在开发一个页面，允许用户使用按钮插入关系代数并返回查询结果。“我的按钮”使用自定义标记创建结构。假设以下结构：

<proj>
    <attr>
        attributes
    </attr>
    <table>
        table
    <table>
</proj>

属性
桌子

一旦结构完成，我需要一些方法来获取有关它的信息。我可以使用表单，但我不想用每个查询重新加载整个页面，所以我考虑使用AJAX，但我对它不太熟悉。我想我可以使用jQuery解析结构，并使用AJAX将变量发送到php文件。这是解决这个问题的正确方法吗？还是我把事情复杂化了

用于将用户的输入解析到文档对象中，然后您可以使用

find（）

等访问各个属性。基本上与对待HTML文档的方式相同。例如：

var doc = $.parseXML(userInputStr);
$(doc).find('proj').each(function () {
    var attr = $(this).find('attr').text();
    //Whatever else you want to do
}

---

然后，您可以将需要发布的内容发布到后端。另一种方法是发布用户的全部输入，然后在后端代码中将其解析为XML。

我认为您应该查看XML和外部XML文件？我可以用我的按钮更新它吗？这个结构可以任意变大。我会在回答中更好地解释。这是一个多么干净的方法啊！谢谢：）一个问题：我如何获取userInputStr？现在，我在单击每个按钮时都有一个JS，它使用一些“document.createElement”和“appendChild”来更新结构。我在某个地方读到onclick整体上不好。@Krzysiek结构存储在哪里？在文本区？在div中？只需执行

var userInputStr=$（'#divId'）.html（）

或者如果它在textarea中，则执行

var userInputStr=$（'#textareaId'）.val（）