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 の下datos99) にある他の div を置き換える必要があります。そのため、すべての情報を読み取ることができます (データ 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: autoこれは、CSSに追加することで解決できます<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 に答える