Jquery在查询返回数据时显示div

我正在使用一个脚本，它需要显示一个包含小表单的DIV。我需要仅当对数据库的查询返回一个或多个结果时才显示表单

我有一个MySQL查询，它查找数据，并且正在工作，并填充一个名为$alerts的var，然后我回显var$alerts的内容

我的jQuery脚本如下所示：

$(document).ready(function() { 
        function runrequests() { 
           $.ajax({ 
             url: 'check_request_events.php',
             type:"POST",
             data:"alerts", 
             success: function(data){ //4
             document.getElementById("alerts").innerHTML = data;

               //render the dynamic data into html
             } 
           });  
        };  

               // run it initially
        runrequests();

        // run it every 30 seconds
        setInterval(runrequests, 30 * 1000);
        });

显示div的脚本部分是：

<div id="alerts">
<form id="form1" name="form1" method="post" action="<?php echo $editFormAction; ?>">
<input type="image" src="../../../../conf_images/butler_request.png" name="button" id="button" value="Submit" />
<input name="RecordID" type="hidden" value="<?php echo $ClientRecordId;?>" />
<input type="hidden" name="MM_update" value="form1" />
<input type="hidden" name="RecordID" value="<?php echo $row_ConfAlert['RecordID']; ?>" />
</form>

CSS

DIV

使用给定的代码。数据类型是json。check_request_events.php中需要json编码的数据。试试这个

$(document).ready(function() { 
        function runrequests() { 
           $.ajax({ 
             url: 'check_request_events.php',
             type:"POST",
             data:"alerts",
 dataType: 'json',
             success: function(data){ //4
if (data.length > 0) {
            document.getElementById("alerts").innerHTML = data;

        }else{
            //alert('no data');
        }

               //render the dynamic data into html
             } 
           });  
        };  

               // run it initially
        runrequests();

        // run it every 30 seconds
        setInterval(runrequests, 30 * 1000);
        });

执行if语句时，数据周围缺少的只是“”

$(document).ready(function() { 
    function runrequests() { 
       $.ajax({ 
         url: 'check_request_events.php',
         type:"POST",
         data:"alert",
         dataType: 'json',
            success: function(data){ 

                if (data == '1'){
                    $('#alerts').show();
                } else {
                    $('#alerts').hide();
                }
            } 
        });  
    };  

           // run it initially
    runrequests();

    // run it every 30 seconds
    setInterval(runrequests, 30 * 1000);
});

如果

，您不能使用简单的

？我相信你一定已经学会了
if（data.length>0）{//exec code here}
将是最简单的解决方案，但这取决于返回数据的格式。大家好，我使用了if（data.length>0）{document.getElementById（“警报”）.innerHTML=data；}，它在一定程度上有效。DIV只显示1或0，而不显示DIV中的表单。有什么想法吗？不要使用“document.getElementById（“警报”）.innerHTML=data；“用“$”（“#警报”）.show（）；（我假设id“警报”有一个显示：无；在css中）嗨，我在尝试实现这一点时仍然遇到问题。我发布了新的更新代码。谁能看出我哪里出了问题。大家好，我决定了。我使用了：if（data=='1'）{//NOTE'1'$（'#alerts'）.show（）；}else{$（'#alerts'）.hide（）}
<div id="alerts">
<form id="form1" name="form1" method="post" action="<?php echo $editFormAction; ?>">
<input type="image" src="butler_request.png" name="button" id="button" value="Submit" />
<input name="RecordID" type="hidden" value="<?php echo $ClientRecordId;?>" />
<input type="hidden" name="MM_update" value="form1" />
<input type="hidden" name="RecordID" value="<?php echo $row_ConfAlert['RecordID']; ?>" />
</form>
</div>

$(document).ready(function() { 
        function runrequests() { 
           $.ajax({ 
             url: 'check_request_events.php',
             type:"POST",
             data:"alerts",
 dataType: 'json',
             success: function(data){ //4
if (data.length > 0) {
            document.getElementById("alerts").innerHTML = data;

        }else{
            //alert('no data');
        }

               //render the dynamic data into html
             } 
           });  
        };  

               // run it initially
        runrequests();

        // run it every 30 seconds
        setInterval(runrequests, 30 * 1000);
        });

$(document).ready(function() { 
    function runrequests() { 
       $.ajax({ 
         url: 'check_request_events.php',
         type:"POST",
         data:"alert",
         dataType: 'json',
            success: function(data){ 

                if (data == '1'){
                    $('#alerts').show();
                } else {
                    $('#alerts').hide();
                }
            } 
        });  
    };  

           // run it initially
    runrequests();

    // run it every 30 seconds
    setInterval(runrequests, 30 * 1000);
});