javascript - 单击当前页面中的某个按钮时如何在另一个html页面中请求某些api

Question

我是 javascript 的初学者。

我有一个用于客户列表的 GET api。我在 jquery 中使用它并在 html 表中显示客户列表。

  $('document').ready(function(){
    $.get('http://127.0.0.1:8000/api/customers',function(result){
      $.each(result, function(data, value){
        $('.custtable').append(
          '<tr>'+
          '<td><a id="'+value.id+'" class="btn btn-sm btn-info" href="">View</a></td>' +
          '<td>'+ value.first_name + " " + value.last_initial + '</td>' +
          '<td>' + value.phone + '</td>' +
          '</tr>'
        )
      })
    })
  })

所以每个客户行都有一个按钮查看。我想要的是，当我单击“查看”按钮时，应该打开另一个“客户详细信息”页面，该页面将使用客户详细信息 API。例如，当我单击客户 ID = 12 的查看按钮时，下一页应该使用http://127.0.0.1:8000/api/customerdetail/12的 api 。如何做到这一点？

标签： javascriptjqueryajax

Answer 1

您可以为您的链接提供一个查询参数，如下所示/customer/view.html?id=12：

在您的 view.html 页面上，您可以阅读此查询参数

const params = new URLSearchParams(window.location.search)
const id = params.get('id')

console.log(id)