Возьмите URL-адрес в качестве ввода из текстового поля и верните содержимое URL-адреса
Я не могу найти вопрос, который делает что-то отдаленно похожее. Я знаю, как создать текстовое поле в React или HTML, но я не уверен, как анализировать входные данные как URL-адрес, возвращая отображение указанного контента.
В основном мне нужно: - Текстовое поле, которое принимает URL-адрес в качестве входных данных - Вернуть указанное содержимое URL - Хранить текст в URL в массиве
Есть еще несколько вещей, которые нужно сделать, но это были мои самые большие задержки.
Это текстовое поле в HTML: https://github.com/mdn/область обучения/blob/master/html/forms/ваша-первая-HTML-форма/first-form-styled.html
Это текстовое поле в React: https://codepen.io/gaearon/pen/VmmPgp?editors=0010
Я успешно настроил оба входа, но не знаю, как отобразить содержимое указанного ввода. Я знаю, что есть что-то, что называется запросом Ajax? Но за документацией было трудно следить.
input = url
display(url)
newList = list(text(url))
так что в основном вы хотите установить src iframe для URL-адреса?
Итак, у вас есть форма на вашей странице с текстовым полем и кнопкой отправки, и вы хотите, чтобы кто-то ввел URL-адрес... затем GET запросил этот URL-адрес и вернул весь HTML-код страницы в массив?
Фу. Извините, это было неясно. Таким образом, текстовое поле будет принимать «url». Затем я хочу отобразить его как «текстовое представление». После этого я хочу выделить общие слова, но я думаю, что с этим справлюсь сам.
То, что сказал @Bman70, кажется хорошим началом. Также рассмотрим iframe. Спасибо за указатели. Я обновлю прогресс / дайте мне знать, если у вас есть какие-либо разъяснения. Цените все вокруг
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Если я правильно понял, то это то, что вы хотите,
<textarea ref = "searchURL" placeholder = "Enter URL..." onChange = {this.getData}/>
getData(){
let url = this.refs.searchFeed.value;
this.refs.searchFeed.value = '';
fetch(url)
.then(response => {
return response.json();
})
.then((res) => {
console.info(res);
})
.catch((error) => {
console.info("error", error)
reject(error);
});
}
@Cooper Да, это JavaScript.
когда вы говорите содержимое
url, например, анализируете его и отображаете домен, протокол и параметры или что именно?