Ajax + php paging

Ajax + php paging should be relatively simple. You will return a table in XML format to replace the original table.

1. tips for dynamically deleting the content in the Table. you do not need to write too much code. one line:
Tb. removeNode (true)

2. add rows dynamically. in addition to the CreateElement method, it can be short as follows:

SCRIPT
Function addTable (){
Var row1 = tb1.insertRow ();
Var cell1 = row1.insertCell ();
Var cell2 = row1.insertCell ();
Cell1.innerText = "baby gray beans ";
Cell2.innerText = "super stupid Wolf"
}
SCRIPT

3. dynamically add Table in DIV

SCRIPT
Function addTable (){
Var tb1 = document. createElement ("table ");
Tb1.border = "1px ";
Var row1 = tb1.insertRow ();
Var cell1 = row1.insertCell ();
Var cell2 = row1.insertCell ();
Myp. appendChild (tb1 );
Cell1.innerText = "wanghr100 ";
Cell2.innerText = "panyuguang962"
}
SCRIPT

4. delete the Table in the DIV, as long as Div. innerHTML = "" is simple.

The above is part of the relatively short practical code. Of course there are other methods to achieve this, but it is generally longer than the above, such as combining the insertAdjacentHTML method of the DIV object, etc, the premise of using different methods under different needs is to study the method attributes of various objects in the browser model. It is especially cool to be familiar with CSS + HTML. JS language itself does not have high requirements.

The Document object is used as an example. the related methods include:

Method Description
AttachEvent
CreateAttribute
CreateComment
CreateDocumentFragment
CreateElement
CreateEventObject
CreateStyleSheet
CreateTextNode
DetachEvent
GetElementById
GetElementsByName
GetElementsByTagName
MergeAttributes
Recalc
Write
Writeln
The following methods take DIV objects as an example:
AddBehavior
AppendChild
ApplyElement
AttachEvent
ClearAttributes
CloneNode
Contains
DetachEvent
GetAdjacentText
GetAttribute
GetAttributeNode
GetElementsByTagName
HasChildNodes
InsertAdjacentElement
InsertAdjacentHTML
InsertAdjacentText
InsertBefore
MergeAttributes
Normalize
RemoveAttribute
RemoveAttributeNode
RemoveBehavior
RemoveChild
RemoveExpression
RemoveNode
ReplaceAdjacentText
ReplaceChild
ReplaceNode
SetActive
SetAttribute
SetAttributeNode
SetExpression

Asynchronous call