0

我有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（在datos99div 的下方）。所以可以读取所有信息（加载的数据 ajax 和它之前停留在这里的数据）。

在此先感谢您的帮助。

4

2 回答 2

0

用这个改变你的代码

$.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();
}, 
});
于 2013-02-16T08:14:40.973 回答
0

你的问题不是很清楚，但我会尝试一下。如果我理解您的问题，我认为您的问题与您分配<div id="datos99">的固定高度为 900px 的事实有关。因此，当它填充从 ajax 调用返回的数据时，它会弄乱您的布局。发生这种情况是因为返回的数据太大而无法放入 div。

您可以通过将overflow: autoCSS 添加到<div id="datos99">. 这将允许您的 ajax 数据很好地适合 div 并在数据大于 div 的高度时提供滚动条

CSS：

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

PS您应该编辑您的问题并提供更多信息。它将帮助我们更好地回答您的问题。我还会调整您的问题并更清楚地说明您的问题。

于 2013-02-16T08:20:20.390 回答