gpt4 book ai didi

javascript - 从 url (javascript) 读取 txt 文件

转载 作者:行者123 更新时间:2023-11-28 03:14:04 25 4
gpt4 key购买 nike

我正在尝试从用户提供的外部链接中读取 .txt 文件,以便稍后在应用中使用它们。现在我只是想在 div (.output) 中显示它们。我到目前为止,现在我卡住了,真的不知道如何继续。

function getText(url){
var request = new XMLHttpRequest();
request.open('GET', url, true);
request.send(null);
request.onreadystatechange = function () {
if (request.readyState === 4 && request.status === 200) {
var type = request.getResponseHeader('Content-Type');
if (type.indexOf("text") !== 1) {
return request.responseText;
}
}
}
}

$(".url-input").change(function() {
getText($(".url-input").value);
});
.output {
width:500px;
height:500px;
border: 1px solid black;
}
<!DOCTYPE html>

<html>
<head>
<title>Ugh</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link rel="stylesheet" href="index.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="index.js"></script>

</head>

<body>
<div class="output"></div>
<input class="url-input" type="url">
</body>

</html>

最佳答案

JavaScript 获取(注意您必须输入扩展名为 (.txt) 的文件名):只需将值更改为 val():

$(".url-input").change(function() {
getText($(".url-input").val());
});

jQuery 获取:用这几行替换所有的 javascript:

$(".url-input").change(function() {
$.get($(this).val(), function( data ) {
$('.output').html(data);
});
});

这是更好的选择,因为 Ajax Get 是一个异步调用,所以您想在回调中更新输出值。

顺便说一句,在进行 Ajax 调用之前,您应该对该 use 输入进行一些验证。此外,要消除在输入中添加“.txt”的需要,请将其更改为:

$(".url-input").change(function() {
$.get($(this).val()+'.txt', function( data ) {
$('.output').html(data);
});
});

关于javascript - 从 url (javascript) 读取 txt 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29128518/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com