Javascript 获取AJAX请求后的div计数
我通过AJAX请求用div填充divJavascript 获取AJAX请求后的div计数,javascript,jquery,html,css,asp.net,Javascript,Jquery,Html,Css,Asp.net,我通过AJAX请求用div填充div $(文档).ready(函数(){ 问题_block(); 计数_块(); }); 函数问题_block(){ $.ajax({ url:'@url.Action(“问句块”、“Interwier”), contentType:'application/json;charset=utf-8', 键入:“GET”, 数据类型:“json”, processData:false, 成功:功能(结果){ var电子邮件=结果; 对于(var i=0;i,问题是因为
$(文档).ready(函数(){
问题_block();
计数_块();
});
函数问题_block(){
$.ajax({
url:'@url.Action(“问句块”、“Interwier”),
contentType:'application/json;charset=utf-8',
键入:“GET”,
数据类型:“json”,
processData:false,
成功:功能(结果){
var电子邮件=结果;
对于(var i=0;i,问题是因为AJAX请求是异步的。这意味着在调用count\u blocks()
时,在页面加载时,页面中没有任何块。要解决此问题,您需要在$.AJAX
的success
回调中调用该函数,如下所示:
$(document).ready(function() {
question_block();
});
function question_block() {
$.ajax({
// settings here...
success: function(result) {
// build html...
$("#questions").append(question);
count_blocks(); // call here instead
},
error: function(x, s, e) {
console.dir(x);
console.log(s);
console.log(e);
}
});
}
添加带有ID问题的元素的html标记
$(document).ready(function() {
question_block();
count_blocks();
});
<div id="questions" class="qustion-div-one" style="position: relative;"></div>
$(document).ready(function() {
question_block();
});
function question_block() {
$.ajax({
// settings here...
success: function(result) {
// build html...
$("#questions").append(question);
count_blocks(); // call here instead
},
error: function(x, s, e) {
console.dir(x);
console.log(s);
console.log(e);
}
});
}