抱歉,标题不太清楚,但我认为这是对的。 NEhow,我想做的有点像(在一定程度上)用JQuery(首选),PHP和CSS构建一个小部件。
我真正想做的是让我网站的“成员”只需在HTML中粘贴两行代码来加载小部件。像这样:
<script type="text/javascript" src="http://www.mydomain.com/script.js"></script>
然后显示小部件,例如
<div id="displaywidget"></div>
好的,那一点是“容易的”,好的。但是我如何包含JQuery或“ something”以在script.js中生成小部件
我的意思是“ displaywidget”-小部件div的ID将是服务器上php文件的名称,因此本质上script.js将需要将displaywidget.php加载到div displaywidget中。
我想我使用
document.getElementById('displaywidget')
来获取div,但是如何在div内“写入/插入/加载” displaywidget.php?当我编写“纯” java时可以想到,“我想做的大部分事情都可以,例如
document.getElementById('displaywidget')
,但是我更希望也包含” Jquery.js,因为我希望小部件的某些方面使用JQuery。例如,JQuery UI日期功能。抱歉,如果我闲逛了一下,但尝试着想一想。我的“实际”问题是我不太确定“纯” JavaScript,即让div显示/加载displaywidget.php
请提出建议。 (哦,如果我吠错了树,请随时告诉我-很好:))
提前致谢
最佳答案
我想我使用document.getElementById('displaywidget')来获取div,但是如何在div内“写入/插入/加载” displaywidget.php?
您正在寻找jQuery内部的AJAX行为,该行为会调用php页面,然后将数据推送到div中。
您应该在流程的早期,就在您的head元素中加载jQuery。加载后将被缓存,因此不必担心每个页面。没有实际的开销。
安装jQuery后,您可以调用与获取数据和填充元素相关的许多AJAX函数之一。除非我去检查他们的文档部分,否则会有$ .load(),$。ajax()和其他一些使我逃脱的东西。
您可以在没有jQuery的情况下完成所有这些工作,但是它需要更多代码,并且您必须控制浏览器的差异。