Получить числа из TXT-файла в URL-адресе с помощью асинхронного ожидания получения - PullRequest
Новая
       27

Получить числа из TXT-файла в URL-адресе с помощью асинхронного ожидания получения

0 голосов
/ 27 декабря 2018

Я хочу простую команду javscript, которая делает это: 1. пользователь нажимает кнопку.2. с помощью 'onclick = "press"' перейти к URL-адресу (http://*****.*****.com/numbers.txt) 4. Есть несколько цифр друг под другом. 5. Возьмите их и напечатайте в моем html. Если вы знаете более короткий путь, сделайте этоответ, я сделал следующее, так как я начинающий, не знаю, как продолжить отсюда: 

  document.addEventListener("DOMContentLoaded", async function(event) {
  var response = await fetch("http://*****.*****.com/numbers.txt");
var arr = await response.txt();

function pressed() {
  document.getElementById("demo").innerHTML = ...;
}
<h1>Numberss</h1>
  

  <input type="button" value="Press" onclick="pressed">
 
  <p id="demo"></p>

Ответы [ 2 ]

0 голосов
/ 27 декабря 2018

Не зная точного формата того, что возвращается из API, сложно сделать многое.Вы также прикладываете очень мало усилий к своему вопросу, так как ваша демонстрация даже не работает или даже не компилируется.Вы можете не знать, как делать то, что вы хотите, но вы должны, по крайней мере, знать, чтобы закрыть свои функции и тому подобное, что просто показывает пренебрежение нашим временем.

Я исправил вашу демонстрацию, но нет никакого способачтобы помочь вам без дополнительной информации, или вы могли бы дать нам действительный URL для работы (либо тот, с которым вы хотите работать, или аналогичный от https://jsonplaceholder.typicode.com/).

document.addEventListener("DOMContentLoaded", async function(event) {
  let mockData = [
    "a", "b", "C", "daddy"
  ];
  
  document.getElementById("demo").innerHTML = (mockData.reduce((total, current) => {
    return total + " - " + current;
  }, ""));
});


function pressed() {
  document.getElementById("demo").innerHTML = "...";
}
<h1>Numberss</h1>
  

  <input type="button" value="Press" onclick="pressed()">
 
  <p id="demo"> Hi </p>
0 голосов
/ 27 декабря 2018

Чтобы получить возвращаемое значение из выборки, вам нужно сделать следующее: 

var response;

await fetch("http://*****.*****.com/numbers.txt")
then( async (resp) => {
    // I dont know how the response will look like, 
    // but you might need to get a property, in which case you can do:
    // response = (await resp.json()).propertyWIthData
    response = await resp.json();
});

и затем сделать все, что вам нужно с текстом из ответа

...