如何链接到网页/URL并将文本自动填充到web表单字段中

Question

首先，我是html、css、javascript的初学者，刚刚开始学习web设计和开发的旅程。

我想自动填充表单字段"；证书编号"；以及"；候选号码/注册号码"；在下面的网页上使用我可以在锚元素中使用的URL/链接/在我自己的网站上。

https://eprofessional.bcs.org/Portal/eCertCheck

我尝试过使用查询字符串参数，它使用GET方法请求，但这不起作用。我的理解是，服务器端必须支持它才能工作。

示例：

https://eprofessional.bcs.org/Portal/eCertCheck?CertificateNumber=12345&CandidateReferenceNumber=AA123456789

使用Chrome开发工具；检查"；按钮，则提交POST请求方法以检索和验证证书。

有效载荷b登录：检查证书编号：12345候选人参考编号：AA123456789X-Requested With：XMLHttpRequest

任何帮助都可以为我指明正确的方向，以便能够自动填充表单字段；检查"；按钮OR以能够填充表格字段AND到"0"；点击"；点击"检查"按钮提交表格并显示结果将不胜感激

Answer 1

根据我在您共享的页面上看到的内容，这两个输入字段的id分别为CertificateNumber和CandidateReferenceNumber。在这种情况下，要填充它们，您必须根据该ID获取元素，并在页面加载时将其值更改为URL值。我建议你看看https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams.

function populateFields(){
const urlParams = new URLSearchParams(window.location.search);
const params = Object.fromEntries(urlSearchParams.entries());

const certificateNumberField = document.getElementById("CertificateNumber")
const candidateNumberField = document.getElementById("CandidateReferenceNumber")

certificateNumberField.value = params.CertificateNumber
candidateNumberField.value = params.CandidateReferenceNumber
}