Глобальная функция Onclick с локальным параметром

Последующие действия после вопрос про заказ функций XHR Это рекурсивная ситуация, когда sendRequest() создает поле со ссылкой onclick на себя. Эта ссылка onclick хранит слово переменной, которое должно передаваться в sendRequest при вызове.

<script type = "text/javascript">
function inputReq(){
    sendRequest(wordform.word.value)
}
function sendRequest(str){
    //we start by removing the now superfluous rows
    table=document.getElementById('table')
    while(table.rows.length>2){
        table.deleteRow(2);
    }
    var request = new XMLHttpRequest();
    console.info('sending request');
    request.open('GET', 'http://127.0.0.1:5000/api.html?query='+str, true);
    request.onreadystatechange = function() {
        if (request.readyState == 4) {
            json=request.responseText;
            console.info(json);
            //json.forEach(function(obj) { 
            //});
            for (word in json){
                var row=table.insertRow();
                var scoreC=row.insertCell();
                var wordC=row.insertCell();
                scoreC.innerHTML=json[word];
                wordC.innerHTML=word;
                wordC.onclick=(function(i)  {sendRequest(i);})(word);
            }
        } else {
            console.info("Silence on the line");
        }
    }
    request.send();
}
</script>
<!DOCTYPE html>
<html>
<head>
<title>Query Page</title>
</head>
<body>
<h1>Query Page</h1>

<table id='table' style = "width:100%">
<tr><form name='wordform'>
    <th>Concept: <input type = "text" name = "word"></th>
    <th><input type = "button" onclick = "inputReq()" value='Find Associations'></th>
</form></tr>
</body>
</html>

Ответ XHR выглядит следующим образом:

{"milk": 1, "cheese": 3, "bread": 2}

Я следил за эта схема, но эта строка вызывает функцию вместо добавления ссылки по клику:

wordC.onclick=(function(i)  {sendRequest(i);})(word);

javascript html arrays function object

30.05.2019 12:18

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

187

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Поскольку это IIFE (выражение функции с немедленным вызовом), он вызывается мгновенно. Поместите другую функцию вокруг него.

wordC.onclick = () => (function(i) { sendRequest(i); })(word);

(Вышеупомянутое не похоже, что у него есть функция окружения, но это так — это функция стрелки ES6).

После некоторых исправлений в оставшемся коде генерируются функции onclick

— 30.05.2019 13:03

30.05.2019 12:20

Другие вопросы по теме

Есть ли способ навсегда отключить кнопку начальной загрузки после одного щелчка на стороне сервера с помощью PHP?

Добавление элемента DOM путем изменения innerHtml div предотвращает его обнаружение позже с помощью getElementById?

IE Flexbox не учитывает размер дочернего flexbox

Многоуровневое html-меню, управляемое jquery

Базовый javascript не работает должным образом

Обратный отсчет с помощью jquery

Как удалить эффект наложения из изображения холста html при возникновении события

PHP MySQL Insert не работает без ошибок

Невозможно отобразить мою форму CreateForm в Django

Favicon не отображается, если его имя не «favicon.ico» — локальный сервер Apache2

Глобальная функция Onclick с локальным параметром

Ответы 1

Другие вопросы по теме

Похожие вопросы