获取然后写入

Question

[尝试 1]

<script>
var example = $.get("example.html");
document.writeln(example);
</script>

我希望将源文件嵌入为原始文本（不是标记）。这甚至没有接近工作。

感谢大家迄今为止的帮助和意见！

[尝试 2/3]@JasonP

...
<script>
$(document).ready(function () {
    $.get("example.html").done(function (result) {
        $('#SomeElement').text(result);
    });
});
</script>
...
<a id="SomeElement" />
...

不过，在尝试 3 时，我仍然没有从中得到任何东西。不过，我理解“准备好了”。

Answer 1

您说您想要原始文本而不是标记。我假设您的意思是您希望“<span>text</span>”在页面上显示为“<span>text</span>”，而不是包含文本“text”的跨度。如果这是真的，这应该将结果写成文本而不是 html：

$.get("example.html").done(function(result) {
    $('#SomeElement').text(result);
});

您的示例不起作用，因为 $.get 是异步的。 ajax 请求被发送出去，然后继续执行，document.writeln() 行运行，但没有打印任何内容，因为我们还没有 ajax 调用的结果。我的示例使用了 done() 函数，该函数在 ajax 函数返回结果后执行。

编辑根据您的问题编辑：

两件事。

首先，# 选择器用于元素 ids：

<a id="SomeElement" />

其次，确保将代码包装在准备好的处理程序中，以便在尝试访问它时确保元素存在：

$(document).ready(function() {
    $.get("example.html").done(function(result) {
        $('#SomeElement').text(result);
    });    
});

Answer 2

$.get 是异步的。也就是说，您不能同步写入 Ajax 调用的结果（除非使用非异步 ajax，但这很难看并且经常冻结浏览器 UI）。此外，$.get 返回一个与$.Deferred 接口兼容的jqXHR object。您应该将成功回调传递给$.get 或附加Deferred.done 处理程序。

<div id="dynamicContent"></div>
<script>
//passing a callback function to $.get:
$.get("example.html", function(data) {
    $('#dynamicContent').text(data);
});
</script>

另一种方法，将完成回调附加到延迟实例：

$.get("example.html").done(function(data) {
    $('#dynamicContent').text(data);
});

---

您需要使用.text() 将接收到的响应设置为#dynamicContent 元素的文本内容。 .text() 会将响应附加为文本节点，因此它不会被解释为 HTML。

Answer 3

试试：

$("body").text(example)

writeIn() 不是最好的方法。

Answer 4

您可以尝试将它附加到您的 html 文件的子文件中，像这样

$.get("example.html", function(data){
$('body').text(data);
});

它会添加到你的身体上。 （我在 Connor 和 Kevin B 的帮助下进行了编辑）。虽然，Jason P 给出了一个很好的答案。