设置隐藏的输入字段并在单击同一按钮时提​​交数据

Question

我遇到的一种情况是，当用户单击表格按钮时，将使用详细信息调用api，然后将这些详细信息设置在隐藏的输入字段中，以发布或发送或提交到下一页。

我可以在单击按钮时添加一个弹出窗口，然后在第二个按钮单击中提交数据，这将是弹出模式，但我不希望这样做。

我的动机是，当用户单击按钮时，他应该转到下一页，并且该页面应包含API中第一页res.name和res.code上获取的详细信息。这个案例。如果您有更好的方法来实现这一目标，请开导。

<form action='/veri'>
<table>
<tr><td><button>fetch data</button></td><tr>
</table>
<input type="hidden" id="i1">
<input type="hidden" id="i2">
</form>

jQuery

 $("button").click(function(){
//there is also a ajax api call here.
$.ajax({
            url: "services.php",
            type: "get",
            beforeSend: function() { 
                 // $("#number").html("Loading Please Wait......");
            },
             success: function(res) {
//set dta
      $("i1").val(res.name);
      $("i2").val(res.code);
    });
              }