基于Windows服务与jQuery,如何自动加载扫描文档数据至网页文本框?
解决扫描数据填充到文本框的问题
你已经搞定了数据获取的环节,只差最后一步把数据精准塞进文本框啦!其实很简单,把你之前用来追加显示内容的代码,换成jQuery的.val()方法直接给对应文本框赋值就行。
给你举个具体的实现例子,假设你从Web服务拿到的扫描数据存在变量d里,就可以这么写:
// 扫描完成、拿到数据后执行这段填充代码 function fillScanDataToInputs(d) { // 把护照号填充到对应文本框 $('#initialize').val(d.get.DocumentNumber); // 把国家信息填充到对应文本框 $('#initialize1').val(d.get.Country); // 把姓名填充到对应文本框(看你HTML里的id是disable,你可以根据实际命名调整) $('#disable').val(d.get.Name); }
这里要注意几个小细节:
- 核对数据路径:比如
d.get.DocumentNumber是不是正确的取值方式,有时候Web服务返回的结构可能是d.DocumentNumber,得根据你实际拿到的数据结构调整。 - 匹配input的id:确保代码里的选择器(比如
#initialize)和HTML里的input id完全一致,别打错字。 - 把控执行时机:这段赋值代码必须等扫描完成、Web服务返回数据之后再调用,不能提前执行,不然数据还没到,文本框会是空的。
之前你用追加显示的方式(比如append())是把内容加到页面流里,而.val()是专门用来设置表单输入框的value值的,正好贴合你的需求~
内容的提问来源于stack exchange,提问作者user3571701
相关产品推荐
相关产品推荐

