将URL从Javascript变量读入HTML

我的网页中有一张卡片，可以读取自动化数据并将其显示在页面的卡片中。我将要读入所有需要的数据，除了自动化测试摘要的URL

这是我的密码：

函数Cox（）{ jQuery.ajax({ 方法：“张贴”， 数据类型：“JSON”， url:“http://localhost:8080/sanityTestDataCox.php", 成功：功能（数据）{ 控制台日志（数据）； var总计=数据[0]； 通过的var=数据[1]； var失败=数据[2]； var时间=数据[3]； var url=数据[4]； document.getElementById（'coxTotal'）.innerHTML=“测试总数：”+Total； document.getElementById（'coxFailed'）.innerHTML=“测试失败：”+失败； document.getElementById（'coxPassed'）.innerHTML=“通过测试：”+通过； document.getElementById（'coxRunTime'）.innerHTML=“运行时：”+时间； document.getElementById（'coxUrl'）.innerHTML=“url”+url； } }); }

Cox（）；
Cox（）；
Cox（）；
Cox（）；

您将得到错误消息“未捕获引用错误：未定义Cox”，因为您在定义之前调用了“Cox（）”函数。DOM将逐行处理，在此期间，函数不存在

我更改了您的代码，并在下面提到。它将按照您的预期工作。：）

我在定义之后调用了'Cox（）'函数。你可以在任何你想要的地方改变地点，但要经过定义

函数Cox（）
{ 
jQuery.ajax({
方法：“张贴”，
数据类型：“JSON”，
url:“http://localhost:8080/sanityTestDataCox.php",
成功：功能（数据）{
控制台日志（数据）；
var总计=数据[0]；
通过的var=数据[1]；
var失败=数据[2]；
var时间=数据[3]；
var url=数据[4]；
document.getElementById（'coxTotal'）.innerHTML=“测试总数：”+Total；
document.getElementById（'coxFailed'）.innerHTML=“测试失败：”+失败；
document.getElementById（'coxPassed'）.innerHTML=“通过测试：”+通过；
document.getElementById（'coxRunTime'）.innerHTML=“运行时：”+时间；
document.getElementById（'coxUrl'）.innerHTML=“url”+url；
}
});
}
Cox（）；

您应该只调用

Cox（）

一次：当页面加载时，因为它以所有

div

为目标。另外，

Cox（）

是未定义的，因为您在定义它之前调用了它

函数Cox（）{
jQuery.ajax({
方法：“张贴”，
数据类型：“JSON”，
url:“http://localhost:8080/sanityTestDataCox.php",
成功：功能（数据）{
控制台日志（数据）；
var总计=数据[0]；
通过的var=数据[1]；
var失败=数据[2]；
var时间=数据[3]；
var url=数据[4]；
document.getElementById（'coxTotal'）.innerHTML=“测试总数：”+Total；
document.getElementById（'coxFailed'）.innerHTML=“测试失败：”+失败；
document.getElementById（'coxPassed'）.innerHTML=“通过测试：”+通过；
document.getElementById（'coxRunTime'）.innerHTML=“运行时：”+时间；
document.getElementById（'coxUrl'）.innerHTML=“url”+url；
}
});
}
window.onload=函数（）{
Cox（）；
}

put

Cox（）不会调用函数。至于URL，我看不到带有
id=“coxUrl”
的元素。您不需要尝试为每个div调用
Cox
，事实上，如果您这样做，那么每次调用完成时都会覆盖div。