通过ajax传递参数 - 正确标记

Question

我正在整理购物篮的前端，它使用Javascript API与数据库进行通信。我有方法，如：

• updatePackageQuantity
• updateProductQuantity
• removePackage
• reinstatePackage

每个方法都需要传递各种参数，我现在正在找出从页面中检索它们并传递它们的最佳方法。

例如，我目前使用这样的类：

<a href="#" class="updateProductQuantity">Update Quantity</a>

我会从这个实例中的输入字段中获取值。我还需要传递'常量'，例如basketID，shopID等，我希望能够以某种方式从标记中获取它们。

实现这一目标的理想方式是什么？也许在页面上有一个带有输入列表的隐藏表单，或者我可以将值附加到属性，类似于在twitter bootstrap上完成的方式：

<a href="https://twitter.com/twbootstrap" class="twitter-follow-button" data-link-color="#0069D6" data-show-count="true">Follow @twbootstrap</a>

我注意到他们使用了许多以'data-'为前缀的属性。那么正确的方法是什么？

Answer 1

嗯..

我相信使用“data-”属性会是最好的，因为它是HTML5的一个不错的小巧功能。

此外，它会保持您的标记清洁。

因此，如果您认为您的应用程序将在Modern浏览器上运行，那么这应该是最佳选择。