javascript - 如何为一个html按钮设置两个值
问题描述
我正在处理一个从 api 渲染数据的页面,在那里我制作动态配置文件卡。在单击卡内的按钮时,我正在通过 ajax 调用 api。我的问题是我需要两个值传递给 req.body 以使 ajax 成功。我使用此代码使用一个数据管理 api 调用,
<div class="container" id="bb1">
<% locals.posts.rows.forEach(function (patient) { %>
<div class="patient-data">
<div >
<div style="padding-left: 100px"> <img src="<%= patient.dp %>" style="width: 45%;"> </div>
<br>
<div style="text-align: center;">
<h5> P.ID : <%= patient.p_id %></h5>
<p> Name : <%= patient.patient_name %></p>
</div>
<div style="padding-left: 110px;margin-bottom:20px ;">
<button type = "button" id="<%= patient.p_id %>" onclick="approve(this.id)" type="button" class="btn btn-info btn-sm" id="btn-success" style="background-color: #D1B147;"> View</button> </a></div>
</div>
</div>
<% }); %>
</div>
然后在我的脚本中;
<script type="text/javascript">
function approve(id) {
var p_id = id;
console.log(p_id);
var data = {};
data.p_id = p_id;
$.ajax({
type: 'POST',
data: JSON.stringify(data),
contentType: 'application/json',
dataType: 'json',
url: "http://localhost:5000/mData",
success: function(data) {
console.log(data);
localStorage.setItem('myData', JSON.stringify(data));
window.location.href = 'mastersessionhistory';
},
error: function(){
alert("Error")
console.log('error occured')
}
})
}
</script>
使用它我能够点击 api 并返回值。我只需要 p_id 来访问 api。但是现在我有了新的密钥 m_id,所以我的 req.body 应该是 {p_id,m_id}。如何在该 bitton 单击中包含 m_id,以便我可以调用 api。我可以用这个吗
<button type = "button" id="<%= patient.p_id, patient.m_id%>" onclick="approve(this.id)" type="button" class="btn btn-info btn-sm" id="btn-success" style="background-color: #D1B147;"> View</button> </a></div>
解决方案
推荐阅读
- python - 具有由数组条目组成的列的熊猫查询
- django - Django API 在本地工作,但在部署在 Elastic Beanstalk 上时不工作
- android - 通过 Intent 方法发送整数
- microservices - IdentityServer 和微服务:缺少子声明
- android - 从服务中渲染过去过扫描的视图
- python - Python 桌面 FPS 显示在标签中
- tensorflow - tf.nn.rnn_cell.GRUCell 建立在 CPU 设备上
- php - PHP Trader macd 返回 false
- python - Python, Pandas 数据框语法
- laravel - hyn multi-tenant v5.2 - 如何创建网站、主机名和关联