首页 > 解决方案 > 如何为一个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>

标签: javascriptnode.jsexpressejs

解决方案


推荐阅读