在onclick上动态创建新页面
Create new page dynamically on onclick
这是一个全新的概念,但通过这里的帖子,我已经走了很长的路,我想我已经走到了最后一步,但我已经陷入了困境。
我正试图在管理面板中动态创建一个新产品页面,因此每次管理员单击onclick按钮时,都会创建一个带有新产品页面内容的新网页,我已经创建了新产品页面并添加了一个链接,以便管理员能够持续访问每个产品。
我已经能够得到一个弹出窗口显示页面已经创建。但无法访问创建的页面。因此,我更改了代码,试图显示创建代码的链接,并附加链接。
既然我已经更改了它,onclick上什么都没发生,我已经连续看了几个小时的代码,却找不到解决方案。对于像你们这样的职业选手来说,这可能是显而易见的,但作为一个新手,我的大脑现在被炸了。
HTML
<html>
<body>
<button onclick="makePage()">click</button>
<script src="makePage.js">
</script>
</body>
</html>
JS-
function makePage(){
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function(){
if(xmlhttp.readyState==4 && xmlhttp.status==200){
var xmlhttp = document.createElement('a');
var createAText = document.createTextNode(xmlhttp.responseText);
createA.setAttribute('href', xmlhttp.responseText);
createA.appendChild(createAText);
document.body.appendChild(createA);
}
}
}
PHP
<?php
$content = $_GET["content"];
//$file = uniqid() . ".html";
//file_put_contents($file, $content);
$current=file_get_contents($file);
file_put_contents($file, $current, FILE_APPEND | LOCK_EX);
echo $file;
?>
有什么建议吗?我可以在相关页面上阅读。任何内容都将不胜感激。
我认为您应该更改var xmlhttp = document.createElement('a');
转换为:var createA = document.createElement('a');
因为xmlhttp已经创建并用于ajax请求。
相关文章:
- 使用Javascript创建测验页面
- 创建新属性后的 JSON 空属性
- 无法再创建Wordpress页面
- 在检查单选按钮的值是否正确后,如何将其带到新页面
- 两个指令创建新的继承的和隔离的作用域-元素得到哪个
- 在onclick上动态创建新页面
- 在页面重新加载后绑定事件,并仅使用Knockout.js、html和js创建新的html元素
- 从动态表在新页面上创建表
- 与node.js的get/post混淆,并试图创建一个新页面
- 创建新标签页时隐藏Chrome扩展程序页面的网址
- 动态创建的 HTML 表将打开新页面
- 使用JavaScript使用JavaScript创建新页面
- 当调用ajax POST/GET时,我可以使用一个函数来创建新的php页面吗
- 如何在不创建新部分的情况下只保留覆盖页面的雪效果?
- Javascript bookmarklet在某些网站上失败了,创建了幽灵般的新页面
- 不能在Angular Sign Up页面上创建新用户
- 想要的文档.打开可创建新的历史元素,返回可返回到原始页面
- 另存为…",查看页面源代码"和“查看页面信息”;使用JS创建新窗口时,上下文菜单中的选项被禁用
- 创建新的HTML页面,并保存到文件夹与Javascript/PHP
- 新页面将自动创建与单独的URL