您所在位置： &
&nbsp&&nbsp&nbsp&&nbsp
JavaScript程序设计基础教程 作者 曾海 第10章 Ajax技术.ppt35页
本文档一共被下载：
次 ,您可全文免费在线阅读后下载本文档。
文档加载中...广告还剩秒
需要金币：120 &&
你可能关注的文档：
··········
··········
Ajax技术 本章目录 10.1
Ajax技术的组成
JavaScript XMLHttpRequest
XMLHttpRequest
XMLHttpRequest
XMLHttpRequest
XMLHttpRequest
CSS DOM XML 10.3
实现Ajax的基本步骤 创建XMLHttpRequest对象 创建XMLHttpRequest对象 创建HTTP请求 设置响应HTTP请求状态变化的函数 设置响应HTTP请求状态变化的函数 设置获取服务器返回数据的语句 设置获取服务器返回数据的语句 发送HTTP请求 局部更新 局部更新 局部更新 10.4
用Ajax实现无刷新广告轮显
用Ajax实现无刷新广告轮显
用Ajax实现无刷新广告轮显
用Ajax实现无刷新广告轮显
用Ajax实现无刷新广告轮显
习题 例10.9
在index.asp页面中自定义一个用于获取广告内容的getData
函数，并使用setInterval函数实现每隔2秒钟获取一次数据。程序代码如下。
setInterval 'getData
',2000 ; //每隔2秒钟调用一次getData
函数 function getData
//定义获取数据的函数 var oSend new ActiveXObject "Microsoft.XMLHTTP" ; //创建XmlHttpRequest对象 oSend.open "POST","adrot.asp?t1 1", //创建一个HTTP请求 //添加指定的HTTP头信息 oSend.setRequestHeader "CONTENT-TYPE","application/x-www-form-urlencoded" ;
//发送HTTP请求 var oDom new ActiveXObject "Microsoft.XMLDOM" ; //创建XMLDOM对象 oDom.
//异步方式处理数据 body bytes2BSTR oSend.responseB
//将获取到的数据转换为字符串 oDom.loadXML
//加载指定内容 msg.innerHTML
//将指定内容赋予标记msg script language "vbscript"
Function bytes2BSTR vIn
//定义将二进制数据转换为字符串的函数 strReturn
//给strReturn赋空值 For i
1 To LenB vIn
//使用for…next语句遍历二进制字节 ThisCharCode
AscB MidB vIn,i,1
//将字节转换为字符 If ThisCharCode
&H80 Then //如果不为汉字，则直接拼接strReturn
正在加载中，请稍后...smarty+php+ajax 简单无刷新分页
简介分页，无非就是从数据库中获得我们想查询的数据，再加以处理即可！①确定数据总数($count)②每页显示数据条数($pageSize)③ 分多少页($pageCount)④ 上一页($pagePrev)⑤ 下一页($pageNext)⑥ 判断越界问题⑦ 偏移量($offset)⑧ sql语句($sql = "select * from goods limit $offset,$pageSize";)简单归简单，我们还得考虑实际的应用。例如：如果你正在土豆网看《火影忍者》，下面一个评论吸引了你，你点击“下一页”后整个页面都刷新，我勒个去，《火影忍者》也刷没了，只能再从头开始看，这样的情况是不是令你十分厌恶。再想想，如果当你点击“下一页”时，只有评论的部分刷新，你的视频根本没有受到影响，那是不是很完美呢！想要无刷新，第一个想到A前台都是HTML+JS,后台php+smarty组合，那我们就直接进入主题：文件结构 650) this.width=650;" src="/d/file/p//c9fe16ae9f59cba845d53f.jpg" title="文件结构.png" alt="wKioL1Q6h9yRGlm9AABJFHoHYjg697.jpg" />① Smarty模板文件 官网地址：http://www.smarty.net/② /templates 自定义的文件夹 page.htpl模板文件，用于存放分页数据及链接③ page.html 前台显示页面js触发④ page.php数据库处理smarty数据处理⑤ public.js Ajax对象的封装程序流程① 前端page.html传递page参数（不传递后台页面也会默认赋值）（前端主要的作用：显示、发出Ajax请求）② php页面数据库操作，$sql分页语句查询出分页所需的数据③ 载入smarty模板，将参数assign传递到page.htpl模板页④ 模板页导入数据、遍历数据 将上、下页加入超链接及js事件⑤ smarty fetch()方法读取模板页数据 赋值给变量 变量再响应给Ajax客户端⑥前台接收代码page.html&!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"&&html&&head&&metahttp-equiv="Content-Type"content="text/charset=gb2312"&&title&无刷新分页&/title&&scriptlanguage="javascript"src="public.js"&&/script&&scriptlanguage="javascript"&functiondisplay(page){$.get('page.php','page='+page,function(msg){$('content').innerHTML=});}window.onload=function(){display(1);};&/script&&/head&&body&&divid="content"&&/div&&/body&&/html&public.js(function(){//1、用于得到一个DOM元素//定义了一个$函数作用域有局部var$=function(id){returndocument.getElementById(id);};//2、用于得到一个Ajax对象//将$看作函数对象，init为属性，值为函数体$.init=function(){try{returnnewXMLHttpRequest()}catch(e){}try{returnnewActiveXObject('Microsoft.XMLHTTP')}catch(e){}alert('请更改新浏览器！');};//用于发送Ajaxget请求$.get=function(url,data,callback,type){varxhr=$.init();if(data!=null){//传递参数、只发出请求url=url+'?'+}xhr.open('get',url);xhr.setRequestHeader('If-Modified-Since','0');//解决get缓存问题xhr.onreadystatechange=function(){if(xhr.readyState==4&&xhr.status==200){//当没有指定传值类型时，默认为字符串if(type==null){type='text';}//判断语句指定三种接收形式if(type=='text'){callback(xhr.responseText);}if(type=='xml'){callback(xhr.responseXML);}if(type=='json'){callback(eval("("+xhr.responseText+")"));}}};xhr.send(null);};//增大其作用域全局变量window方法的$属性赋值为$闭包写法window.$=$;})();page.php&?phpmysql_connect('localhost','root','111111');mysql_select_db('shop');mysql_query('setnamesgb2312');//为查询结果增加新字段num$sql="select*fromsw_goods";$result=mysql_query($sql);$count=mysql_num_rows($result);//获得总行数，与mysql_num_rows()类似$page=isset($_GET['page'])?$_GET['page']:1;//获取当前页码，默认1$pageSize=5;//页尺寸每页显示多少条数据$pageCount=ceil($count/$pageSize);//计算总页面$pagePrev=$page-1;//上一页页码$pageNext=$page+1;//下一页页码if($pagePrev&1)$pagePrev=1;//判断页码越界if($pageNext&$pageCount)$pageNext=$pageCif($page&1)$page=1;//判断当前页页码越界if($page&$pageCount)$page=$pageC$offset=($page-1)*$pageS//偏移量//相对于当前页来讲的$sql="select*fromsw_goodslimit$offset,$pageSize";//orderbyidasc默认/desc$result=mysql_query($sql);//查询那一页的结果集$num=mysql_num_rows($result);$data=array();for($i=0;$i&$$i++){//遍历五次，每次获得一个数组array('good_id'=&'','goods_name'=&'','goods_price'=&'')//形成一个二维数组$data[]=mysql_fetch_assoc($result);}mysql_close();//***************************************************************************include('Smarty/Smarty.class.php');$smarty=newSmarty();$smarty-&assign('data',$data);$smarty-&assign('count',$count);$smarty-&assign('pageCount',$pageCount);$smarty-&assign('page',$page);$smarty-&assign('pagePrev',$pagePrev);$smarty-&assign('pageNext',$pageNext);$smarty-&assign('pageCount',$pageCount);$str=$smarty-&fetch('page.htpl');//获取模板里面的数据，赋值给变量，再传递给Ajax对象header("content-type:text/charset=gb2312");echo$page.htpl&!--htpl是当作模板来用的扩展名--&&!--分页模板--&&styletype="text/css"&*{margin:0padding:0}body{text-align:}table{width:650margin:0margin-top:20}tr{background-color:#height:30font-size:12}&/style&&tablecellspacing="1"cellpadding="4"bgcolor="#336699"&&tr&&td&序号&/td&&td&商品名称&/td&&td&商品价格&/td&&td&商品数量&/td&&/tr&{foreachfrom=$dataitem='value'}&tr&&td&{counter}&/td&&td&{$value['goods_name']}&/td&&td&{$value['goods_price']}&/td&&td&{$value['goods_number']}&/td&&/tr&{/foreach}&tr&&tdcolspan='4'&共{$count}条数据共{$pageCount}页当前第{$page}页&ahref="#"onclick="display(1)"&首页&/a&&ahref="#"onclick="display({$pagePrev})"&上一页&/a&&ahref="#"onclick="display({$pageNext})"&下一页&/a&&ahref="#"onclick="display({$pageCount})"&末页&/a&&/td&&/tr&&/table&最后的分页效果：650) this.width=650;" src="/d/file/p//ff88a347527.jpg" title="分页图.png" alt="wKiom1Q6jaCD0Jh3AAEoKd5TsRE696.jpg" />
最新教程周点击榜
微信扫一扫评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
第一章 ASP.NET 教程 （基础）
第二章 ASP.NET 教程（高级）