C# HTML和jQuery信息传递设计

我正在使用ASP.NET和jQuery设计一个Web应用程序，我需要一些建议

当前，ASP.NET页面呈现了在单击时执行操作的未知数量的元素。前端的Javascript根据选择的特定元素处理单击事件

每个元素都嵌入了javascript函数所需的信息。此信息作为额外属性添加。例如，一个给定的元素可能看起来像

<a href="#" id="123" extrainformation="something important">Link 123</a>

jQuery然后附加一个click事件，并使用

extrainformation

属性作为内部函数的参数。每个元素有3-5个参数

这非常有效，但我最近听说这可能不是最佳实践，因为它不符合WC3。一种可能的解决方案是每个元素直接调用带有必要参数的内部javascript函数。然而，这让我感到不舒服，因为我失去了呈现页面和执行客户端逻辑之间的关注点分离

---

有更好的方法吗？或者我只是想得太多了？

是的，有一种更好的方法，它叫jQuery，您可以使用该接口从jQuery访问它们

例如：

//instead of
<a href="#" id="123" extrainformation="something important">Link 123</a>
//use
<a href="#" id="123" data-info="something important">Link 123</a>

//then access it like
var info = $('#123').data('info');
alert(info); //alerts: 'something important'

//而不是
//使用
//然后像这样访问它
风险值信息=$（'#123'）。数据（'info'）；
警报（信息）//警报：“重要的事情”

---

基本上，以

data-

开头的任何内容都作为该元素的数据存储在DOM中，jQuery可以通过

$.data（）

函数访问这些数据。

是的，有一种更好的方法，叫做使用接口从jQuery访问这些数据

例如：

//instead of
<a href="#" id="123" extrainformation="something important">Link 123</a>
//use
<a href="#" id="123" data-info="something important">Link 123</a>

//then access it like
var info = $('#123').data('info');
alert(info); //alerts: 'something important'

//而不是
//使用
//然后像这样访问它
风险值信息=$（'#123'）。数据（'info'）；
警报（信息）//警报：“重要的事情”

---

基本上，以

data-

开头的任何内容都存储为DOM中该元素的数据，jQuery可以通过

$.data（）

函数访问这些数据。

浏览器不支持HTML5有关系吗？这是个好问题，我不这么认为。我认为jQuery将弥补不足，仍然允许您访问数据。如果是这样的话，我已经可以在我的下一次网站升级中使用这种技术。非常方便。如果浏览器不支持HTML5有关系吗？这是个好问题，我不这么认为。我认为jQuery将弥补不足，仍然允许您访问数据。如果是这样的话，我已经可以在我的下一次网站升级中使用这种技术。非常方便。