Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/477.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 调用ajax时,结果不会显示在屏幕上_Javascript_Jquery_Html_Css_Ajax - Fatal编程技术网

Javascript 调用ajax时,结果不会显示在屏幕上

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"> <

我正在创建一个照片共享网站(布局类似pinterest),但当我单击菜单中的一个类别时,旧内容会消失,但新内容不可见,但是如果我选中chrome浏览器中的inspect元素,则获取的内容会在那里

我不知道它们是如何获取的,并且仍然没有出现在所需的div中

下面是html代码

<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);
        }
    });