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

Passing Arguments via ajax - Correct Markup

本文关键字：ajax 参数 通过      更新时间：2023-09-26

我正在为购物篮组合一个前端，它使用Javascript API与数据库通信。我有这样的方法:

  • updatePackageQuantity
  • updateProductQuantity
  • removePackage
  • reinstatePackage

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

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

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

，在本例中，我将从输入字段中获取值。我也有'常量'，我需要传递如篮子id, 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-'前缀的属性。那么正确的方法是什么呢?

嗯…

我认为使用"data-"属性将是最好的，因为这是HTML5的一个漂亮的小功能。

同时，它会保持你的标记干净。

所以，如果你认为你的应用程序将在现代浏览器上运行，这应该是一种方式。

相关文章：