Javascript 调用ajax时,结果不会显示在屏幕上
我正在创建一个照片共享网站(布局类似pinterest),但当我单击菜单中的一个类别时,旧内容会消失,但新内容不可见,但是如果我选中chrome浏览器中的inspect元素,则获取的内容会在那里 我不知道它们是如何获取的,并且仍然没有出现在所需的div中 下面是html代码Javascript 调用ajax时,结果不会显示在屏幕上,javascript,jquery,html,css,ajax,Javascript,Jquery,Html,Css,Ajax,我正在创建一个照片共享网站(布局类似pinterest),但当我单击菜单中的一个类别时,旧内容会消失,但新内容不可见,但是如果我选中chrome浏览器中的inspect元素,则获取的内容会在那里 我不知道它们是如何获取的,并且仍然没有出现在所需的div中 下面是html代码 <div id="container"> <div class="main" id="main"> <ul id="tiles"> <
<div id="container">
<div class="main" id="main">
<ul id="tiles">
<li><img src="asd/12994.jpeg" /></li>
<li><img src="asd/12995.jpeg" /></li>
.
.
.
</ul>
</div>
</div>
尝试捕捉错误:
$.ajax({
type:'POST',
url:'strip_all.php',
data: 'asa='+aq,
cache:false,
success:function(res){
$('#cat_on_oven_popping').css('display','none');
$('#main').html(res);
},
error: function () {
console.log(arguments);
}
});
你有错误吗
PS:最好向“数据”发送JSON,如下所示:
$.ajax({
type:'POST',
url:'strip_all.php',
data: {
'asa':aq
},
cache:false,
success:function(res){
$('#cat_on_oven_popping').css('display','none');
$('#main').html(res);
},
error: function () {
console.log(arguments);
}
});
正如我们在评论中所讨论的,有些东西使您的数据具有
显示:无代码>属性
我无法从你发布的代码中告诉你它是什么,因为它不在那里,而你说“烤箱上的猫”弹出的”与此无关
使用开发工具查看哪个属性具有该属性,并尝试找出是什么添加了该属性
(我甚至会删除$(“#cat_on_coven_popping”).css('display','none')
,看看会发生什么)您是否在控制台中看到数据的任何错误:“asa=”+aq
?我认为应该是data:{'asa='+aq}
res中有什么?听起来像是它弄乱了你的HTML结构(ul、li等…)res包含类别ID,你不需要在ul
和li
s中重新构造它吗?我在错误合并中收到以下错误(黄色预防措施)--event.returnValue已弃用。请改用标准的event.preventDefault()。您应该在注释中询问详细信息。好的……如何在jquery中放置display:block,因为我没有为此分配任何类或idelement@user2365753它不应该有显示:无代码>默认情况下。您可以尝试添加:$('#main').css('display','block')
on the ajax success,看看会发生什么。#main没问题……但是对于网格系统,li在css中设置为display none……所以我必须在ajax中更改此属性吗success@user2365753如果即使在您用结果覆盖了ul
和li
结构之后,您仍然具有该结构,则可以尝试$(#main ul li').css('display','block');
有一件事我忘了提到,如果我增加获取图像的数量并向下滚动页面,包含图像的li就会出现
$.ajax({
type:'POST',
url:'strip_all.php',
data: {
'asa':aq
},
cache:false,
success:function(res){
$('#cat_on_oven_popping').css('display','none');
$('#main').html(res);
},
error: function () {
console.log(arguments);
}
});