ajax+phpページング

WBOY
リリース: 2016-06-23 14:34:49
オリジナル
866 人が閲覧しました

分页应该比较简单的。你就返回一个XML格式的table替换原先的table 就ok.


1,动态删除Table 里面内容技巧,不需要写太多代码,一行:
tb.removeNode(true)

2,动态增加行,除了CreateElement方法,还可以这样比较短小:


<SCRIPT><br>function addTable(){<br>   var row1 = tb1.insertRow(); <br>   var cell1=row1.insertCell();<br>   var cell2=row1.insertCell();<br>   cell1.innerText="灰豆宝宝";<br>   cell2.innerText="超级大笨狼"<br>}<br></SCRIPT> 

3,在DIV中动态增加Table

<SCRIPT><br>function addTable(){<br>   var tb1 = document.createElement("table");<br>   tb1.border="1px";<br>   var row1 = tb1.insertRow(); <br>   var cell1=row1.insertCell();<br>   var cell2=row1.insertCell();<br>   mydiv.appendChild(tb1);<br>   cell1.innerText="wanghr100";<br>   cell2.innerText="panyuguang962"<br>}<br></SCRIPT>


4. DIV 内のテーブルを削除するには、単純に Div.innerHTML="" を実行します。

上記はいくつかの実用的で比較的短いコードです。もちろん、他の方法で実装することもできますが、DIV オブジェクトの insertAdjacentHTML メソッドを組み合わせて使用​​するなど、通常は上記よりも長くなります。前提として、コンテナ モデルのさまざまなオブジェクトのメソッド属性をよく検討する必要があります。特に CSS+HTML に慣れている場合は、非常にクールに作成できるでしょう。 JS 言語自体に関する限り、要件はそれほど高くありません。

以下は Document オブジェクトの例です。関連するメソッドは次のとおりです。

メソッドの説明
attachEvent
createAttribute
createComment
createDocumentFragment
createElement
createEventObject
createStyleSheet
createTextNode
detachイベント
getElementById
getElementsByName
getElementsByTagName
mergeAttributes
recalc
write
writeln
DIV オブジェクトを例に挙げます。関連するメソッドは次のとおりです。
addBehavior
appendChild
applyElement
attachEvent
clearAttributes
cloneNode
contains
detachEvent
getAdjacentText
getAttribute
getAttributeNode
getElementsByTagName
hasChildNodes
insertAdjacentElement
in​​sertAdjacentHTML
insertAdjacentText
insertBefore
mergeAttributes
normalize
removeAttribute
removeAttributeNode
removeBehavior
removeChild
removeExpression
removeNode
replaceAdjacentText
replaceChild
replaceNode
setActive
setAttribute
setAttributeNode
setExpression

非同期呼び出し


<スクリプト言語="JavaScript ">

function getData( )
{
var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
// 非同期呼び出し
xmlhttp.onreadystatechange = function()
{
if (xmlhttp.readyState == 4) // 呼び出し完了
{
if (xmlhttp.status == 200) // ロード成功 {
var xmldoc = xmlhttp.Responsexml;
Alert (xmldoc.xml); xml .asp';
xmlhttp.open("get", url, true);
xmlhttp.send();
}





xmlhttp を非同期的に呼び出してバックグラウンド データを取得する, PHP にすることができます



<%

dim i, xml

xml = ""

xml = xml & ""

for i = 1 to 50
xml = xml & "record" & i & " "
next
xml = xml & ""
response.ContentType = "text/xml"
response.write xml
%>


関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート