通过函数的返回值基于输入字段进行查找

Question

（重写问题）表单中的输入字段具有物料库存编号。我需要根据该项目的库存号从外部站点获取元值。假设该股票编号的外部站点页面具有元值<meta description="Widget Part Red">商品库存编号为“12345”。并且外部 URL 是https://www.example.com/12345表单中的输入字段类似于<input name='stocknumber' id='stocknumber' onblur='getitemdesc();'>并且项目描述会放在这个span中<span id='thedescription'></span>脚本有function getitemdesc() {    // get the value from the input field    var itemnumber=$('input[name="stocknumber"]').val;    // some process/function to query the external url and get the meta:description value from the page    var metadesc = someprocess_to_return_meta_desc;    // that process/function returns 'metadesc'    // and inserting the metadesc into the span      $("#thedescription").html(metadesc);  }从外部 URL 获取元值并将其返回给函数以便我可以将元：描述放入跨度的最佳方法是什么？（假设对输入字段进行了适当的清理。）

Answer 1

看来您应该使用 VALUE 而不是 TEXT ，例如：

$('#countryname').val(thecountryname);

其他一切似乎都很好

在此处查看演示

Answer 2

一种解决方案是针对fetch页面并使用正则表达式来提取元描述的内容。老实说，这样做似乎有点奇怪，你可能会遇到 CORS 问题。

更好的解决方案是向您的服务器发送请求以从页面中提取元标头。

fetch('https://example.com/items/123456')

  .then(res => res.text())

  .then(text => text.match(/<meta description="([^"]+)">/i))

  .then(meta => {

    // meta is null if there's no match and otherwise meta[1] will contain the item description.

    if(meta) {

      $('#thedescription').html(meta[1]);

    }

  })