Javascript Ajax不使用owl转盘
我在我的页面中实现ajax时遇到了一个问题,countain owl carousel她的代码是: 控制器:Javascript Ajax不使用owl转盘,javascript,jquery,ajax,asp.net-mvc,Javascript,Jquery,Ajax,Asp.net Mvc,我在我的页面中实现ajax时遇到了一个问题,countain owl carousel她的代码是: 控制器: public int Getmembers() { return db.Teams.Count(); } } 观点: <script> $(document).ready(function () { var json = null;
public int Getmembers()
{
return db.Teams.Count();
}
}
观点:
<script>
$(document).ready(function () {
var json = null;
$.ajax({
url: '@Url.Action("Getmembers", "Home")',
type: "GET",
dataType: "int",
success: function (data) {
json = data;
},
error: function () {
alert("Erreur de récupération des membres ou il n'existe aucun memnbre");
}
})
alert(json);
var owl = $("#owl-demo");
owl.owlCarousel({
items: json, //10 items above 1000px browser width
itemsDesktop: [1000, 5], //5 items between 1000px and 901px
itemsDesktopSmall: [900, 3], // betweem 900px and 601px
itemsTablet: [600, 2], //2 items between 600 and 0
itemsMobile: false, // itemsMobile disabled - inherit from itemsTablet option
pagination: false
});
});
</script>
$(文档).ready(函数(){
var=null;
$.ajax({
url:'@url.Action(“Getmembers”,“Home”),
键入:“获取”,
数据类型:“int”,
成功:功能(数据){
json=数据;
},
错误:函数(){
警觉(“你不存在的理由”);
}
})
警报(json);
var owl=$(“#owl demo”);
猫头鹰旋转木马({
items:json,//1000px浏览器宽度以上10项
itemsDesktop:[1000,5],//5个介于1000px和901px之间的项目
itemsDesktopSmall:[900,3],//介于900px和601px之间
itemsTablet:[600,2],//2个介于600和0之间的项
itemsMobile:false,//itemsMobile已禁用-继承自itemsTablet选项
分页:错误
});
});
我尝试了调试,发现在$.ajax中传递了json的值(int 13),但是当我使用alert时,我得到了null,我在文档中搜索得到了这个值,但仍然没有任何线索 您的ajax调用是异步的,这意味着它将在owl carousel初始化之后执行success方法 将转盘的init方法放入success方法:
$(document).ready(function () {
var json = null;
$.ajax({
url: '@Url.Action("Getmembers", "Home")',
type: "GET",
dataType: "int",
success: function (data) {
var owl = $("#owl-demo");
owl.owlCarousel({
items: data, //10 items above 1000px browser width
itemsDesktop: [1000, 5], //5 items between 1000px and 901px
itemsDesktopSmall: [900, 3], // betweem 900px and 601px
itemsTablet: [600, 2], //2 items between 600 and 0
itemsMobile: false, // itemsMobile disabled - inherit from itemsTablet option
pagination: false
});
},
error: function () {
alert("Erreur de récupération des membres ou il n'existe aucun memnbre");
}
});
});
非常感谢,忘记初始化猫头鹰转盘工作正常!