找不到Javascript / AJAX錯誤404或未定義

Question

我有一個頁面，該頁面向下循環第一列並將其值復制到文本框，然后應該查詢data.asp ，但是我不斷收到GET http://192.168.1.12/pb_search/v2/demo/data.asp?h_prodref=undefined 404 (Not Found)的錯誤GET http://192.168.1.12/pb_search/v2/demo/data.asp?h_prodref=undefined 404 (Not Found)或XHR finished loading: GET "http://192.168.1.12/pb_search/v2/demo/data.asp?h_prodref=undefined" 。 Google Chrome開發者工具中的錯誤。

我的兩個腳本都是獨立工作的，但是當我將它們組合在一起時，就會遇到這些錯誤。 我可能錯過了一些非常簡單的東西，但是我在飛行中學習了很多東西，因此我們將不勝感激。

完整代碼

<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>

<body>
<table width="50%" border="0" cellspacing="2" cellpadding="2">
  <tr>
    <td width="16%" class="prodref">84PS01</td>
    <td width="51%"><input type="text" class="h_prodref" /><button type="button" onclick="loadDoc()">Change Content</button></td>
    <td width="33%" id="demo">&nbsp;</td>
  </tr>
  <tr>
    <td class="prodref">92K002</td>
    <td><input type="text" class="h_prodref" /><button type="button" onclick="loadDoc()">Change Content</button></td>
    <td id="demo">&nbsp;</td>
  </tr>
  <tr>
    <td class="prodref">68F017</td>
    <td><input type="text" class="h_prodref" /><button type="button" onclick="loadDoc()">Change Content</button></td>
    <td id="demo">&nbsp;</td>
  </tr>
</table>
<script>
    var prodref = document.getElementsByClassName("prodref");
    var h_prodref = document.getElementsByClassName("h_prodref");
    var i = 0;
    for (i; i < prodref.length; i++) {
    h_prodref[i].value = prodref[i].innerHTML;
function loadDoc() {
    var x = document.getElementsByClassName("h_prodref");
    x[i] = document.getElementsByClassName("h_prodref").value;
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (xhttp.readyState == 4 && xhttp.status == 200) {
      document.getElementById("demo").innerHTML = xhttp.responseText;
    }
  }
  xhttp.open("GET", "data.asp?h_prodref="+x[i].value, true);
  xhttp.send();
}
    }
</script>

Answer 1

所以有什么問題？

undefined的值將添加到進行的AJAX調用中，而不是x[i].value的期望值。 我在這里做一個假設，那就是

http://192.168.1.12/pb_search/v2/demo/data.asp

存在，並且data.asp腳本將HTTP 404 Not Found作為腳本響應強制執行，而不是因為服務器找不到data.asp頁面。

重組JavaScript

調用function時，不需要在要調用它的地方定義整個定義，如果是這種情況，您將在整個代碼中復制相同的函數，這被稱為打破DRY之類的編程基本原理。

這是重組JavaScript代碼的快速示例：

var prodref = document.getElementsByClassName("prodref");
var h_prodref = document.getElementsByClassName("h_prodref");
var i = 0;
for (i; i < prodref.length; i++) {
  h_prodref[i].value = prodref[i].innerHTML;
  // Call function inside the loop
  loadDoc();
}

// Definition should be defined once
function loadDoc() {
  var x = document.getElementsByClassName("h_prodref");
  x[i] = document.getElementsByClassName("h_prodref").value;
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (xhttp.readyState == 4 && xhttp.status == 200) {
      document.getElementById("demo").innerHTML = xhttp.responseText;
    }
  }
  xhttp.open("GET", "data.asp?h_prodref="+x[i].value, true);
  xhttp.send();
}

找不到Javascript / AJAX錯誤404或未定義

問題描述

1 個解決方案

解決方案1
1 已采納 2015-11-11 13:20:54

所以有什么問題？

重組JavaScript

找不到Javascript / AJAX錯誤404或未定義

問題描述

1 個解決方案

解決方案1 1 已采納 2015-11-11 13:20:54

所以有什么問題？

重組JavaScript

解決方案1
1 已采納 2015-11-11 13:20:54