Question

我有ajax功能：

在html文件中，我有类似的内容：

<div id="datos98" style="display:none;">
</div>
<div id="datos99" style="display:none;">
</div>
<div id="usuario">
    <table id="rowed2"></table>
    <div id="prowed2"></div>
</div>
<script src="rowedex2.js" type="text/javascript"> </script>

在我的js文件的某些方面，我有一个像这样的ajax函数：

$.ajax({
    type: 'POST',
    url : 'server2.php',
    data: &ciudadh=juan&corporacionh=&radicado=&ultima=&anotaciones=&oper=addf&id='+allRows+'',

    beforeSend: function(){
        $('#mensaje5').show().html('<br><br><h2>Por favor  espere....<br><img src="c.gif" width="100" height="100" alt="cargando" border="0">');
    },

    success: function (data){
        $('#datos99').html(data);
    },

    complete: function(){
        $('#datos99').show();
    }
});

该功能正常，但当此功能成功时，数据将加载到此

<div id="datos99" style="display:none;">
</div>

但是数据太长所以我需要这个div替换底部的其他div（datos99 div的下方）。所以可以读取所有信息（加载数据ajax以及之前保留的数据）。

提前感谢您的帮助。

Answer 1

使用此

更改您的代码

$.ajax({
type: 'POST',
url : 'server2.php',
data: 'ciudadh=juan&corporacionh=&radicado=&ultima=&anotaciones=&oper=addf&id='+allRows,

beforeSend: function(){
    $('#mensaje5').show().html('<br><br><h2>Por favor  espere....<br><img src="c.gif" width="100" height="100" alt="cargando" border="0">');
},

success: function (data){
    $('#datos99').html(data);
}
 }).complete(function(){
    $('#datos99').show();
 });

或者这个：

$.ajax({
type: 'POST',
url : 'server2.php',
data: 'ciudadh=juan&corporacionh=&radicado=&ultima=&anotaciones=&oper=addf&id='+allRows,

beforeSend: function(){
    $('#mensaje5').show().html('<br><br><h2>Por favor  espere....<br><img src="c.gif" width="100" height="100" alt="cargando" border="0">');
},

success: function (data){
    $('#datos99').html(data);
     $('#datos99').show();
}, 
});

Answer 2

你的问题不是那么清楚，但我会捅一下。如果我理解你的问题，我认为你的问题与你指定<div id="datos99">固定高度为900px的事实有关。因此，当它填充了从ajax调用返回的数据时，它会混乱你的布局。这是因为返回的数据太大而不适合div。

您可以通过在overflow: auto的CSS中添加<div id="datos99">来解决此问题。这将允许您的ajax数据很好地适合div，如果数据大于div的高度，则提供滚动条

<强> CSS：

#datos99 {
    position: absolute; 
    top: 320px; 
    left: 25px; 
    width: 674px; 
    padding: 50px; 
    height: 900px;
    overflow: auto;
 }

P.S您应该编辑您的问题并提供更多信息。它将帮助我们更好地回答您的问题。我也会调整你的问题并更清楚地陈述你的问题。

成功的阿贾克斯取代了div

2 个答案: