JavaScript Bookmark to Click & ldquo; Button & rdquo; на основе имени класса [дубликат]
Это одно из мест, с помощью которого привязка данных, используемая во многих новых фреймворках JavaScript, будет очень полезна для вас ...
Итак, если вы используете Angular, React или любые другие фреймворки, которые делают два способа связывания данных, эта проблема просто исправлена для вас, поэтому простым языком ваш результат undefined на первом этапе, поэтому вы получили result = undefined до получения данных, а затем, как только вы получите результат , он будет обновляться и присваиваться новому значению, которое отвечает на ваш вызов Ajax ...
Но как вы можете сделать это в чистом javascript или jQuery, например, как вы задали этот вопрос?
Вы можете использовать обратный вызов, обещание и недавно наблюдаемое, чтобы обрабатывать его для вас, например, в обещаниях мы имеем некоторые функции, такие как success () или then (), которые будут выполняться, когда ваши данные будут готовы для вас, с функцией обратного вызова или подписки на наблюдаемые.
Например, в вашем случае, в котором вы используете jQuery, вы можете сделать что-то вроде этого:
$(document).ready(function(){
function foo() {
$.ajax({url: "api/data", success: function(data){
fooDone(data); //after we have data, we pass it to fooDone
}});
};
function fooDone(data) {
console.log(data); //fooDone has the data and console.log it
};
foo(); //call happens here
});
Для получения дополнительной информации n изучение обещаний и наблюдаемых, которые являются новыми способами для создания асинхронных материалов.
1 ответ
Используйте следующее:
document.getElementsByTagName("input")[0].click();
Пример кода: http://jsfiddle.net/dcRsc/
Теперь это будет работать, если ваша кнопка является первым входом на вашей странице.
Используйте это, если на вашей странице есть несколько элементов:
var elems =document.getElementsByTagName("input");
for(var i=0;i<elems.length;i++)
{
if(elems[i].type=="submit" && elems[i].name =="Submit")
{
elems[i].click();
break;
}
}
Пример кода: http: // jsfiddle. net / dcRsc / 1 /
Это вызовет событие click вашей кнопки отправки с именем Submit.
Кроме того (и поскольку ваша кнопка уже имеет css) вы можете использовать метод getElementsByClassName():
var elems =document.getElementsByClassName("buttonSubmit");
for(var i=0;i<elems.length;i++)
{
if(elems[i].name =="Submit")
{
elems[i].click();
break;
}
}
Пример кода: http://jsfiddle.net/dcRsc/2/
Это будет использовать все элементы с классом buttonSubmit.
Или
document.getElementsByClassName("buttonSubmit")[0].click();
Если ваша кнопка является единственным элементом на странице с этим классом на ней, for в целом.
-
1– Amit 23 March 2013 в 00:52