设为首页 收藏本站
查看: 622|回复: 0

[经验分享] ajax+php分页

[复制链接]

尚未签到

发表于 2015-8-28 07:56:22 | 显示全部楼层 |阅读模式
  分页应该比较简单的。你就返回一个XML格式的table替换原先的table 就ok.
  
1,动态删除Table 里面内容技巧,不需要写太多代码,一行:
tb.removeNode(true)
  2,动态增加行,除了CreateElement方法,还可以这样比较短小:
  <table id=tb1></table>
<SCRIPT>
function addTable(){
   var row1 = tb1.insertRow();
   var cell1=row1.insertCell();
   var cell2=row1.insertCell();
   cell1.innerText="灰豆宝宝";
   cell2.innerText="超级大笨狼"
}
</SCRIPT>  
<INPUT TYPE = "button" VALUE = "AddTable" onclick = "addTable()">
  3,在DIV中动态增加Table
  <SCRIPT>
function addTable(){
   var tb1 = document.createElement("table");
   tb1.border="1px";
   var row1 = tb1.insertRow();
   var cell1=row1.insertCell();
   var cell2=row1.insertCell();
   mydiv.appendChild(tb1);
   cell1.innerText="wanghr100";
   cell2.innerText="panyuguang962"
}
</SCRIPT>
<BODY>
<div id=mydiv></div>
<INPUT TYPE = "button" VALUE = "AddTable" onclick = "addTable()">
  4,在DIV中删除Table,简单只要Div.innerHTML=""就可以。
  以上是部分实用相对短小的代码,当然有其他各种办法实现,不过一般都比上面的长,比如组合使用DIV对象的insertAdjacentHTML 方法等,在不同需要下使用不同方法,前提是研究好浏览器模型 的各种对象的方法属性。尤其是熟悉CSS+HTML就会做的很酷。就JS语言本身来说要求不高。
  以下是以Document对象为例,相关方法有:
  Method Description
attachEvent
createAttribute   
createComment   
createDocumentFragment  
createElement  
createEventObject  
createStyleSheet  
createTextNode  
detachEvent
getElementById   
getElementsByName  
getElementsByTagName
mergeAttributes
recalc
write   
writeln  
以DIV对象为例相关方法有:
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   
  
  异步调用
  
  
<SCRIPT LANGUAGE="JavaScript">

function getData()
{
var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
// 异步调用
xmlhttp.onreadystatechange = function()
{
  if (xmlhttp.readyState == 4) // 调用完毕
  {
   if (xmlhttp.status == 200) // 加载成功
   {
    var xmldoc = xmlhttp.responseXML;
    var root = xmldoc.documentElement;
    alert (xmldoc.xml);
   }
  }
}  
var url = 'xml.asp';
xmlhttp.open("get", url, true);
xmlhttp.send();
}

</SCRIPT>

<BODY>
  异步调用 xmlhttp 取后台数据,你可以搞成PHP的
  
<input type="button" value="GetData">
<%
dim i, xml
xml = "<?xml version='1.0' encoding='gb2312' ?>"
xml = xml & "<data>"
for i = 1 to 50
xml = xml & "<record>记录" & i & "</record>"
next
xml = xml & "</data>"
response.ContentType = "text/xml"
response.write xml
%>

运维网声明 1、欢迎大家加入本站运维交流群:群②:261659950 群⑤:202807635 群⑦870801961 群⑧679858003
2、本站所有主题由该帖子作者发表,该帖子作者与运维网享有帖子相关版权
3、所有作品的著作权均归原作者享有,请您和我们一样尊重他人的著作权等合法权益。如果您对作品感到满意,请购买正版
4、禁止制作、复制、发布和传播具有反动、淫秽、色情、暴力、凶杀等内容的信息,一经发现立即删除。若您因此触犯法律,一切后果自负,我们对此不承担任何责任
5、所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其内容的准确性、可靠性、正当性、安全性、合法性等负责,亦不承担任何法律责任
6、所有作品仅供您个人学习、研究或欣赏,不得用于商业或者其他用途,否则,一切后果均由您自己承担,我们对此不承担任何法律责任
7、如涉及侵犯版权等问题,请您及时通知我们,我们将立即采取措施予以解决
8、联系人Email:admin@iyunv.com 网址:www.yunweiku.com

所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其承担任何法律责任,如涉及侵犯版权等问题,请您及时通知我们,我们将立即处理,联系人Email:kefu@iyunv.com,QQ:1061981298 本贴地址:https://www.yunweiku.com/thread-105192-1-1.html 上篇帖子: 【推荐】PHP中格式化时间函数date与gmdate的区别 | 修改PHP的默认时区 下篇帖子: [php]php设计模式 Observer(观察者模式)
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

扫码加入运维网微信交流群X

扫码加入运维网微信交流群

扫描二维码加入运维网微信交流群,最新一手资源尽在官方微信交流群!快快加入我们吧...

扫描微信二维码查看详情

客服E-mail:kefu@iyunv.com 客服QQ:1061981298


QQ群⑦:运维网交流群⑦ QQ群⑧:运维网交流群⑧ k8s群:运维网kubernetes交流群


提醒:禁止发布任何违反国家法律、法规的言论与图片等内容;本站内容均来自个人观点与网络等信息,非本站认同之观点.


本站大部分资源是网友从网上搜集分享而来,其版权均归原作者及其网站所有,我们尊重他人的合法权益,如有内容侵犯您的合法权益,请及时与我们联系进行核实删除!



合作伙伴: 青云cloud

快速回复 返回顶部 返回列表