集成HTML和Javascript

集成HTML和Javascript,javascript,php,jquery,html,ajax,Javascript,Php,Jquery,Html,Ajax,因此,我尝试使用一个API获取一个随机词(),然后使用它将随机词作为变量存储在javascript中,然后将该变量打印到屏幕上。我的代码是 <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.0.min.js"> var word = $.get("http://randomword.setgetgo.com/get.php"); document.WriteIn(word); </scr

因此,我尝试使用一个API获取一个随机词(),然后使用它将随机词作为变量存储在javascript中,然后将该变量打印到屏幕上。我的代码是

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.0.min.js">
    var word = $.get("http://randomword.setgetgo.com/get.php");
    document.WriteIn(word);
</script>

var word=$.get(“http://randomword.setgetgo.com/get.php");
书面文件(word);
但是,没有任何内容写入HTML文档

有没有人能帮我解释一下,并给我指点写作的方向,让它发挥作用?我刚刚开始学习网络开发


谢谢。

您需要将代码放入
标记中

您还需要确保已经包含jQuery库

将脚本放在标签之间,通常放在文档的-部分。那就从你喜欢的角度出发吧


我建议看一些教程,因为这些都是困扰你的基本知识,为什么不把随机单词放在
div

像这样:

$("#theDiv").text(word);

您需要将代码放在一个单独的
元素中,该元素没有
src
属性。

您不能同时设置
[src]
属性和
标记的内容。如果需要两个脚本,则需要使用两个脚本标记:

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.0.min.js"></script>
<script>
    var word = $.get("http://randomword.setgetgo.com/get.php");
    document.WriteIn(word);
</script>

有多个问题

  • 不能同时具有src和content-请参阅
  • 您需要使用回调来处理ajax调用的响应-
  • 如果是跨域请求,请确保在目标站点中启用了cors支持
所以


$.get(”http://randomword.setgetgo.com/get.php,功能(内容){
$('body')。追加(内容)
});

可能重复1)修复脚本标记(使用一个来加载jquery,然后使用另一个在第页上封装脚本)2)您正在尝试输出一个字符串,该字符串可能在从服务器检索之前就已存在。它是。原始帖子的格式有一些问题。
XMLHttpRequest无法加载http://randomword.setgetgo.com/get.php. 起源http://run.plnkr.co 访问控制Allow Origin不允许使用。因为您正试图发出跨域ajax请求。
@Jess。。。这是同一原产地政策不允许的哦,是的,我知道。对不起,我应该发布更多信息。我在为这次行动做记录。
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.0.min.js"></script>
<script>
    (function () {
        var $script;
        $script = $('script').last();
        $.get('http://randomword.setgetgo.com/get.php', function (data) {
            $script.append(data);
        });
    }());
</script>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.0.min.js"></script>
<script>
    $.get("http://randomword.setgetgo.com/get.php", function(content){
        $('body').append(content)
    });
</script>