Как подставлять данные в форму?

Question

[angelzzz]

Есть сайт в формой

<input type="text"  name="url" value="example.com">

Кнопкой

<input type="submit" name="proceed" value="го!" >

После нажатия на кнопку обновляется результат в тексте ниже

Пример текста

<td>
	....
	<br>
	Result: <b>some numbers</b> / more numbers = <b style="color:red">NUMBER</b> <br>
	....
</td>

У меня есть список сайтов, которые нужно подставить в это поле и получить результат NUMBER в виде массива: сайт-NUMBER

Как это можно сделать при наличии знаний в js? Какой еще язык может потребоваться? Куда копать?

Answer 1

[Дмитрий Беляев]

Пишите скрипт который:
1) заполняет input через свойство value
2) кликает кнопку - метод click()
3) Ждете, когда нужный тег обновится и выдергиваете текст из него
4) Выводит результат в консоль (либо отправляет на локальный сервер, который будет его в файлик писать)
5) повторяет пункт 1 для следующего value

Инжектите этот скрипт на нужный сайт через конольку и вызываете с нужным набором данных и пусть работает себе, потом результат с консольки забираем

Comments

[angelzzz]

как инжектить скрипт на нужный сайт через конольку?

[angelzzz]

написал скрипт в консоли и он после первой итерации обновил страницу, больше скрипта нет )

[Алексей Ярков]

angelzzz: ну откройте для себя сниппеты в консоли или tampermonkey

[angelzzz]

Алексей Ярков: открыл сниппеты, спасибо!

[angelzzz]

Дмитрий, пока получилось только подключить jquery, и пройтись по массиву, чтобы он подставлял разные данные. Не могу понять почему перезагрузка происходит только после перебора всех свойств.

var jq = document.createElement('script');
jq.src = "//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js";
document.getElementsByTagName('head')[0].appendChild(jq);

setTimeout(function () {
var arr = [ "ya.ru", "google.com", "ok.ru", "vk.com", "fb.com" ];
for (var i = 0; i < arr.length; i++) {
$('input[name=url]').val(arr[i]);
$('input[name=proceed]').click();
}
alert(arr);
}, 1000); // задержка чтобы загрузился jquery

[Дмитрий Беляев]

angelzzz: действие скорее всего ассинхронное, нужна задержка после того как делаете клик
цикл на таймауте сделать надеюсь не проблема?

[angelzzz]

Дмитрий Беляев: проблема. не понимаю

[Дмитрий Беляев]

angelzzz:

var arr = [ "ya.ru", "google.com", "ok.ru", "vk.com", "fb.com" ];
var i = 0, n = arr.length;
!function iter() {
  $('input[name=url]').val(arr[i]);
  $('input[name=proceed]').click();
  setTimeout(function() {
    //смотрим изменения тут
    //...
    //потом переходим к следующей итерации
    i++;
    if(i < n) {
      iter();
    }
  }, 2500);
}();

[angelzzz]

Дмитрий Беляев: я запутался. какие изменения нужно смотреть?

[Дмитрий Беляев]

angelzzz: которые пишет Ваша форма на страницу

[angelzzz]

Дмитрий Беляев: а почему вы убрали фрагмент

var jq = document.createElement('script');
jq.src = "//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js";
document.getElementsByTagName('head')[0].appendChild(jq);

из кода и setTimeout(function () { сразу после этого?

Ведь без этого таймаута не срабатывает jquery

[Дмитрий Беляев]

angelzzz: я подразумевал его как само собой разумеющееся, кстати загрузки скрипта лучше не таймером ждать, а по событию load этого скрипта

[angelzzz]

Дмитрий Беляев: итого код

var jq = document.createElement('script');
jq.src = "//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js";
document.getElementsByTagName('head')[0].appendChild(jq);

jq.addEventListener(‘load’,function () {
var arr = [ "ya.ru", "google.com", "ok.ru", "vk.com", "fb.com" ];
var i = 0, n = arr.length;
!function iter() {
$('input[name=url]').val(arr[i]);
$('input[name=proceed]').click();
setTimeout(function() {
//смотрим изменения тут
//...
//потом переходим к следующей итерации
var pt = $('input[name=url]').val();
alert (pt);
i++;
if(i < n) {
iter();
}
}, 2500);
}();
});

ничего не делает