Question

我已经能够为此应用程序制作一个数组，但现在的问题是我需要将此数组显示为页面输入中的值。我尝试了多种方法，能够将这些数据解析为一种输入形式的值。此页面上有多个输入，因此我不确定是否必须执行循环。这就是为什么我要使用数组项作为显示的项。有人可以告诉我我可能做错了什么吗？预先感谢您的宝贵时间。

在.js文件中

function pEdit() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      var pInfo = this.responseText.split('\r');
      var out = [];
      for (var i = 0; i < pInfo.length; i++) {
        out.push(pInfo[i]);
        var pn = pInfo[1] ;
      }
    }
  };
  xhttp.open("GET", "http://127.0.0.1:8080/PartInfo.txt", true);
  xhttp.send();
}

在特定的HTML页面上

<body onload="pEdit();">
<script>
document.getElementById('eName').value = pEdit('pn') ;
</script>

我试图对pInfo [array＃]和pn都进行除法处理。我希望特定数组的值以表格形式显示。

Answer 1

因此，在阅读Nick给我的文档时，似乎这不是适用于Vanilla Javascript的正确语法，但是它可以工作。值是HTML页面上的输入框，selectedIndex是下拉框。如果有人有需要补充的知识，请告诉我。

function gEdit() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      var pInfo = this.responseText.split('\r');
      var out = [];
      for (var i = 0; i < pInfo.length; i++) {
        out.push(pInfo[i]);
        document.getElementById('eName').value = out[0] ;
        //document.getElementById('eID').value = out[1] ;
        document.getElementById('eShape').selectedIndex = out[2] ; 
        document.getElementById('eType').selectedIndex = out[3] ; 
        document.getElementById('rdx').value = out[5] ;
        document.getElementById('rdy').value = out[6] ;
        document.getElementById('rdz').value = out[7] ;
        document.getElementById('fdx').value = out[8] ;
        document.getElementById('fdy').value = out[9] ;
        document.getElementById('fdz').value = out[10] ;
        //document.getElementById('eOvrdPOS').value = out[11] ;
        //document.getElementById('eOffstS').value = out[12] ;
        //document.getElementById('eGrip1Type').value = out[13] ;
        //document.getElementById('eGrip2Type').value = out[14] ;
        document.getElementById('m1jl').value = out[15] ;
        document.getElementById('m1ld').value = out[16] ;
        document.getElementById('m2jl').value = out[17] ;
        document.getElementById('m2ld').value = out[18] ;
      }
    }
  };
  xhttp.open("GET", "http://127.0.0.1:8080/PartInfo.txt", true);
  xhttp.setRequestHeader('cache-control', 'no-cache, must-revalidate, post-check=0, pre-check=0');
  xhttp.setRequestHeader('cache-control', 'max-age=0');  
  xhttp.setRequestHeader('expires', '0');
  xhttp.setRequestHeader('expires', 'Tue, 01 Jan 1980 1:00:00 GMT');
  xhttp.setRequestHeader('pragma', 'no-cache');
  xhttp.send();
};

解析数组以输入值（全局.JS文件到特定的HTML页面）

1 个答案: