更改 URL 的一部分以在 JavaScript 中顯示不同的數據

Question

JSF 中間代碼

在此代碼中，我將 JSON url 中的數據解析到表中。

當 URL 的某個部分被更改時，會出現不同的搜索結果。 所以我試圖給用戶一個選項來輸入一個不同的關鍵字，這將帶來不同的結果。

在 python 中，我會使用 af 字符串請求，JavaScript 中是否有類似的選項？

蟒蛇示例：

device_name = simpledialog.askstring(title="510K Database",
prompt="Enter Keyword:")

r = requests.get(f'https://api.fda.gov/device/510k.json?search=device_name:{device_name}&limit=1000')`

我的 JavaScript 代碼

    $(document).ready( function () {
  var table = $('#example').DataTable({
    ajax: {
      url: 'https://api.fda.gov/device/510k.json?search=device_name:glucose&limit=1000',
      dataSrc: 'results',
      cache: true,
    },

非常感謝

Answer 1

您會提示，然后將該變量用作 URL 中的模板文字

 $(document).ready(function() { $('#echo').click(function() { $('.error').empty(); let keyword = $('#keyword').val().trim(); if (!keyword) return $(this).prev('.error').html("Please enter a keyword first"); console.log(`The keyword is ${keyword}`); /* let table = $('#example').DataTable({ ajax: { url: `https://api.fda.gov/device/510k.json?search=device_name:${keyword}&limit=1000`, dataSrc: 'results', cache: true, }, // .... }) */ }) })

 .error { color: #f00; padding: 5px 0; }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <label>510k Database // Enter Keyword <input id="keyword" /> </label> <div class='error'></div> <button id='echo'>Click me</button>