更改 HTTP Web 请求中的参数

Question

大家好，我是 Web 开发的新手。我使用 fetch API 发送了一个 http 请求，如下所示。它运作良好。但是现在我想在执行 sql 查询时更改第二个参数（即 IP 地址）。所以我的想法是每次我按下网页中的按钮时，将 sql 查询执行到 IP 所在的位置。是否可以为 sql 查询设置一个变量并写入该变量来代替 IP？任何帮助表示赞赏。谢谢

 fetch("    http://192.xx.x.xxx/abc-bin/output?username=one&password=xxxx&action=on&pin=relay")
  .then(function (response) {
    return response.json();
  })

Answer 1

是的，这是 javascript 中非常常见的任务。您有多种选择来解决这个问题。如何设置变量将取决于您的 front-end javascript 单击处理程序或按钮本身的 html 属性。

选项 1 - 字符串连接

// Create a variable with the IP or Domain you would like to replace with
// If you didn't know domains are mapped to IPs, so you can use each inter-changably


// Example variables
const protocol = 'https://'
const domain = 'www.whosebug.com'
const path = '/abc-bin/output?username=one&password=xxxx&action=on&pin=relay'

// Concatinate to create single string
const url = protocol + domain + path

fetch(url)
  .then(function (response) {
    return response.json();
  })

选项 2 - 字符串插值

// Example variables
const domain = 'www.whosebug.com'

// Interpolate string...NOTE they aren't single quotes but 
// are backticks (top left key on US keyboard)
// You must wrap your variables with ${variableName} to
// have it interpreted as a string
const url = `https://${domain}/abc-bin/output?username=one&password=xxxx&action=on&pin=relay`

fetch(url)
  .then(function (response) {
    return response.json();
  })

更改 HTTP Web 请求中的参数

Change parameters in HTTP web requests

javascript

html

web-development-server