net mvc：如何在javascript中保存数据信息以将其从一个元素传递到另一个屏幕？

我已经创建了JS演示，它有多个列表。每个列表都有一个div，其中包含汽车的详细信息，如名称、价格和公里数。除此之外，每个清单都有两个按钮“呼叫”和“聊天”，以帮助用户连接到此清单的卖家

小提琴的演示是。示例代码：

<li>1st listing
<div>
 <p>Model:Audi | Price:1,00,000,000 | Kilometers:1,000</p>
</div>
<button class="call" data-model="Audi" data-price="100000000" data-id="#1">call</button>
<button class="chat" data-model="Audi" data-price="100000000" data-kms="1000" data-id="#1">chat</button>
</li>

第一个列表
车型：奥迪|价格：100000000 |公里：1000

呼叫
聊天

我对信息绑定有一些疑问。我有MVC应用程序，因此每个HTML元素中的所有属性（如数据模型、数据价格等）和信息都通过服务器绑定

这两个按钮“呼叫”和“聊天”都会打开一个包含不同信息的弹出窗口，在确认弹出窗口后，需要点击不同的API。我目前在两个按钮上都做了重复绑定，这不是一种有效的方法。如何处理这样的绑定

---

这些按钮（聊天/通话）可以是示例中所示的li的一部分，也可以是div的一部分，在div中，列表单独显示给用户（即电子商务的产品详细信息页面）。如何处理这些按钮的绑定？

是否要将

数据-

属性的值传递给对话框？是。我们希望将特定的数据字段传递给相应的对话框，为什么不将其放入父元素中（并使用

var container=$（this）.closest（'li'）；var model=container.data（'model'）；

等）（如果容器元素类型可能不同，请给它一个类名并使用

$（this）.closest（'yourClassname'）；

）