jQuery:随机报价脚本在用户单击时更新?文件。写问题

jQuery:随机报价脚本在用户单击时更新?文件。写问题,jquery,html,dynamic,quotes,document.write,Jquery,Html,Dynamic,Quotes,Document.write,我正在尝试制作一个小的动态引用旋转器,将文本覆盖在图像上。JS和jQuery都可以很好地实现这一点。问题是,我希望它在每次单击按钮时都会更新,这样用户就不必刷新页面才能看到新的报价 在使用jQuery.text()、.html()或.append()为DIV提供代码之后,是否可以执行document.write?它可以精确地逐字打印实际文本,但不会执行 如果有人有一个经验或其他建议,不涉及将其转化为一个完整的大型AJAX与PHP/MySQL的东西,我会洗耳恭听。我不想找人来写我的代码;给我指出正

我正在尝试制作一个小的动态引用旋转器,将文本覆盖在图像上。JS和jQuery都可以很好地实现这一点。问题是,我希望它在每次单击按钮时都会更新,这样用户就不必刷新页面才能看到新的报价

在使用jQuery.text()、.html()或.append()为DIV提供代码之后,是否可以执行document.write?它可以精确地逐字打印实际文本,但不会执行

如果有人有一个经验或其他建议,不涉及将其转化为一个完整的大型AJAX与PHP/MySQL的东西,我会洗耳恭听。我不想找人来写我的代码;给我指出正确的方向。我有一种压倒性的感觉,这真的应该比我想象的容易得多,我知道我遗漏了一些基本和简单的东西

感谢您的阅读,我欢迎您提供任何建议

编辑/更新:我在下面提供一些基本代码,让您更好地理解我的意思

<div id="text"></div>

<script src="quotes.js"></script>
$("#text").text('
  <script type="text/javascript">document.write(quote[Math.floor(Math.random()*5)]);&lt;/script&gt;
');

$(“#text”).text('
document.write(引用[Math.floor(Math.random()*5)];/script
');

我只是想用从quotes.js中提取的随机引号更新文本。如果我能让它正常工作,我就可以知道如何用jQuery更新它。我自己单击()。

一旦加载文档,就不能使用
document.write()
。这样做将导致清除整个文档并启动新文档。如果要向已加载的文档添加文本,则可以使用适当的jQuery方法修改现有元素或添加新元素

为了帮助您获得准确的代码,我们需要查看您的HTML以及您试图添加到其中的内容的更完整描述


例如,可以使用
.append()
jquery方法或使用
.html()
方法向元素添加对象。

一旦加载文档,就不能使用
document.write()
。这样做将导致清除整个文档并启动新文档。如果要向已加载的文档添加文本,则可以使用适当的jQuery方法修改现有元素或添加新元素

为了帮助您获得准确的代码,我们需要查看您的HTML以及您试图添加到其中的内容的更完整描述


例如,可以使用
.append()
jquery方法或使用
.html()
方法将对象添加到元素。

您可以使用jquery的
html
append
方法,如果我们传递的内容中存在
脚本,则执行该脚本

看看这个演示


您可以使用jQuery的
html
append
方法,如果我们传递的内容中存在
脚本,则执行该脚本

看看这个演示


如果希望在单击事件后执行DOM更新操作,只需将单击处理程序附加到按钮:

$('#your_button').click(function() {
  // Action
  $('#your_element').html('<p>something</p>');
});
$(“#您的#按钮”)。单击(函数(){
//行动
$(“#您的_元素”).html(“something

”); });
见:

如果希望在单击事件后执行DOM更新操作,只需将单击处理程序附加到按钮:

$('#your_button').click(function() {
  // Action
  $('#your_element').html('<p>something</p>');
});
$(“#您的#按钮”)。单击(函数(){
//行动
$(“#您的_元素”).html(“something

”); });
见:
document.write()
仅适用于打开的文档,因此不应在AJAX中使用它

如果要执行JavaScript,只需使用
eval()
或简单地使用
$.getScript()
。这意味着AJAX响应应该是一个数组(JSON),然后每个元素可以是一个脚本、一个html。。。然后将它们发送到相应的函数

您将“呈现”的JSON响应示例:

[
0:{type:'replace',target:'div#replaceme',value:'你好!

'}, 1:{类型:'script',目标:NULL,值:'http://example.com/test.js'}, 2:{type:'append',target:'结果',value:'项目11

项目12

} ]
document.write()
仅适用于打开的文档,因此不应在AJAX中使用它

如果要执行JavaScript,只需使用
eval()
或简单地使用
$.getScript()
。这意味着AJAX响应应该是一个数组(JSON),然后每个元素可以是一个脚本、一个html。。。然后将它们发送到相应的函数

您将“呈现”的JSON响应示例:

[
0:{type:'replace',target:'div#replaceme',value:'你好!

'}, 1:{类型:'script',目标:NULL,值:'http://example.com/test.js'}, 2:{type:'append',target:'结果',value:'项目11

项目12

} ]
一些简化代码将立即添加到原始帖子中。谢谢你的回复!一些简化的代码将立即添加到原始帖子中。谢谢你的回复!有趣的我要试试这个,我会让你知道它是怎么回事。谢谢你的来信。我本来希望避免整个JSON/AJAX的事情(虽然从技术上说,我猜这其中任何一个都是AJAX),但我会尝试一下你的方法。`建议使用
eval()
@jfriend00,我的意思是使用eval来执行“多部分”响应的一部分。例如,
[0:{…},1:{…},2:{type:'eval',target:NULL,value:'alert(“危险”)}]
。但是,是的,我们应该避免评估。在这种情况下,我们可能会改为使用
2:{type:'alert',value:'Not hazard'}
,这样我们就可以控制调用哪个函数了。有趣的是。。。我要试试这个,我会让你知道它是怎么回事。谢谢你的来信。我本来希望避免整个JSON/AJAX的事情(虽然从技术上来说,我猜这其中任何一个都是AJAX),但我会尝试一下您的方法。`建议您使用
eval()
@jfriend00,我想使用eval来执行