如何使XMLHttpRequest将HTML文件加载到div中？
我正在尝试XMLHttpRequest从外部文件加载HTML并将文件的内容插入div。
当我运行该函数时，它将HTML插入所有正文中，这是不够的。
我的代码：
--------------------------> HTML <--------------------- -----
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="shit.js" charset="utf-8"></script>
<link rel="stylesheet" href="index.css">
<title>Test</title>
</head>
<body>
<button type="button" name="button" onclick="send()">Click me</button>
<div class="view" id="view"></div>
</body>
</html>
--------------------------> CSS <--------------------- -----
.view {
margin-top: 5vh;
height: 15vh;
width: 80vw;
background-color: #c1c1c1;
}
--------------------------> JS <--------------------- -----
function send() {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function () {
if (xmlhttp.readyState == 4) {
document.write(xmlhttp.responseText);
}
}
var params = "type=search" + "&content=" + encodeURIComponent(document.getElementById("view").innerHTML);
xmlhttp.open("GET", "/include/link1.html", true);
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlhttp.setRequestHeader("Content-length", params.length);
xmlhttp.send(params);
}
提前致谢。
问题答案：
<html>
<head>
<script>
var request;
function sendInfo() {
var url = "NewFile1.html";
if (window.XMLHttpRequest) {
request = new XMLHttpRequest();
}
else if (window.ActiveXObject) {
request = new ActiveXObject("Microsoft.XMLHTTP");
}
try {
request.onreadystatechange = getInfo;
request.open("GET", url, true);
request.send();
}
catch (e) {
alert("Unable to connect to server");
}
}
function getInfo() {
if (request.readyState == 4) {
var val = request.responseText;
document.getElementById('chiru').innerHTML = val;
}
}
</script>
</head>
<body>
<marquee><h1>This is an example of ajax</h1></marquee>
<form name="vinform">
<input type="button" value="ShowTable" onClick="sendInfo()">
</form>
<span id="chiru"> </span>
</body>
</html>
-
问题内容： 我正在开发一个网站，并且在侧面菜单上有这个： 然后我有这个剧本 我的页面中有这个DIV： 显然，我要执行的操作是单击“联系我们”超链接时加载home.php，这是行不通的。我的代码有什么问题？ 问题答案： 添加页面网址而不是文件名。
-
问题内容： 我试图做到这一点，所以当我单击HTML页面中的链接时，它会动态地将请求的页面加载到jQuery的div中。 我怎样才能做到这一点？ 问题答案： 那里有一个叫做pjax的jQuery插件，它指出：“它是带有真正的永久链接，页面标题和完全退化的后退按钮的ajax。” 该插件使用HTML5 pushState和AJAX来动态更改页面，而无需完全加载。如果不支持pushState，则PJAX将
-
问题内容： 我无法在HTML页面中使用PHP。例如，。我试过同时使用： 和 这些都不起作用。我的服务器提供PHP，当我使用扩展名时，它可以正常工作。这是一个问题还是我必须更改中的首选项？ 问题答案： 您无法在.html文件中运行PHP，因为除非您告知服务器，否则服务器不会将其识别为有效的PHP扩展名。为此，您需要在根Web目录中创建一个.htaccess文件，并将以下行添加到其中： 这将告诉Apa
-
我想把一个html文件加载到WebView中。 请注意，在so上有很多相关的问题，但它们都涉及从资产文件夹获取**.html*。 但是我想从本地文件夹加载html文件，比如“d：//abc.html”，因为如果我的html大约是10MB，那么相应的apk大小也会增加到10MB。
-
问题内容： 我正在使用Selenium WebDriver尝试将外部javascript文件插入DOM中，而不是将整个内容键入到executeScript中。 看起来好像已将节点正确放置到DOM中，但是随后它只是忽略了源代码，即，所述源js文件上的函数未运行。 这是我的代码： 我链接到的javascript文件的代码是 我已将js文件放在本地主机上，使用file：///进行了调用，并在外部服务器上