将嵌入式JavaScript转换为ajax调用
我目前正在我的页面上直接嵌入一个第三方javascript文件 但是，我嵌入它的网站需要一段时间才能响应，因此它会在几秒钟内停止呈现我的网站 我目前正在将其嵌入到我的页面上，并在其中写入一些值：将嵌入式JavaScript转换为ajax调用,javascript,ajax,jquery,Javascript,Ajax,Jquery,我目前正在我的页面上直接嵌入一个第三方javascript文件 但是，我嵌入它的网站需要一段时间才能响应，因此它会在几秒钟内停止呈现我的网站 我目前正在将其嵌入到我的页面上，并在其中写入一些值： <script language="javascript" type="text/javascript" src="[third-party site/file.js]"></script> 嵌入式脚本的响应只是一些JavaScript： document.write('&
<script language="javascript" type="text/javascript" src="[third-party site/file.js]"></script>
document.write('<div class="value">Value 1</div><div class="value">Value 2</div>');
document.write（'Value 1Value 2'）；
$(document).read(function()
{
$.getScript(/* src */)
});
您可以将此脚本放置在正文末尾的隐藏元素中（就在
<div id="hiddenElement">
<script type="text/javascript" src="[third-party site/file.js]"></script>
</div>
<script type="text/javascript">
$(document).ready(function() {
$("#hiddenElement").appendTo("#someOtherElement");
});
</script>
</body>
$（文档）.ready（函数（）{
$（“#hiddenElement”）.appendTo（“#someOtherElement”）；
});
另一个解决方案是使用jQuery将脚本加载到所需的位置，正如您所说，@James McDonnell所说。也许这是您解决方案的一部分。下面是一个独立的jQuery示例，其中一个按钮用于触发DIV上的更改事件。此示例仅显示如何访问DIV的html内容，以及如何操作/更改它。这不是一个适合您的解决方案，但当与rcdmk和James的想法结合使用时，部分解决方案可能会很有用
<html>
<head>
<!--<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>-->
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#button_test').click(function() {
$('.value').html('New stuff').change();
});
$('.value').change(function(){
$('div').each(function() {
alert($(this).html());
});
});
});
</script>
</head>
<body>
<div class="value">Value 1</div>
<div class="value">Value 2</div>
<button id="button_test">Click me</button>
$（文档）.ready（函数（）{
$（“#按钮_测试”）。单击（函数（）{
$（'.value'）.html（'New stuff'）.change（）；
});
$（'.value'）.change（函数（）{
$（'div'）。每个（函数（）{
警报（$（this.html（））；
});
});
});
值1
价值2
点击我