用html静态页+ajax访问动态页返回数据+js将数据添加到html页面这种方试代替传统的动态页面网页的可行性
用html静态页+ajax访问动态页返回数据+js将数据添加到html页面这种方试代替传统的动态页面网页的可行性,优缺点,和要注意的地方..........没有分了,望各...
用html静态页+ajax访问动态页返回数据+js将数据添加到html页面这种方试代替传统的动态页面网页的可行性,优缺点,和要注意的地方..........没有分 了,望各位看客满意
展开
4个回答
展开全部
可行性当然是有的,我做网页经常会用到jquery动态改html值,优点就是界面友好,操作性好,能实时看到改变。还没发现什么缺点。
注意的嘛,因为这样会让js代码较多,所以最好把script放在html最下面,让他最后加载,不要影响网页的打开速度
注意的嘛,因为这样会让js代码较多,所以最好把script放在html最下面,让他最后加载,不要影响网页的打开速度
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
ajax的应用已经被广泛使用和认同了
优点:
1 可以局部的改变页面(局部刷新),对提高用户体验有一定的帮助;
2 按需加载数据,减少单次数据的传输量(对于自己没有服务器的朋友,可以节省流量;
对于自己有服务器的朋友,可以减少单次数据查询的查询数)
缺点:
1 如果还需要做针对搜索引擎的优化的话,少用为好,因为目前搜索引擎还没有能抓取ajax加载出来的内容;
2 抛开搜索引擎优化不说,凡事都要有个度,因为过犹不及(局部刷新时,良好的提示和缓冲时间是必须要有的)
要注意的地方:
要处理好javascript脚本的兼容性(不用担心客户端的浏览器禁用了js脚本,这种几率1%还不到)
优点:
1 可以局部的改变页面(局部刷新),对提高用户体验有一定的帮助;
2 按需加载数据,减少单次数据的传输量(对于自己没有服务器的朋友,可以节省流量;
对于自己有服务器的朋友,可以减少单次数据查询的查询数)
缺点:
1 如果还需要做针对搜索引擎的优化的话,少用为好,因为目前搜索引擎还没有能抓取ajax加载出来的内容;
2 抛开搜索引擎优化不说,凡事都要有个度,因为过犹不及(局部刷新时,良好的提示和缓冲时间是必须要有的)
要注意的地方:
要处理好javascript脚本的兼容性(不用担心客户端的浏览器禁用了js脚本,这种几率1%还不到)
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
ajax的好处就是:
1、异步加载,对于数据量大的客户可以看着进度条等待,不像要全部加载完,才可看
2、不是加载整张网页,只加载需要的部分,这样速度快
ajax不足处就是对搜索引擎的相应SEO优化不是太好
下面给楼主一个ajax调试通过的简单例子,供参考
-------index.htm-------
<script src="clienthint.js"></script>
<h2>以下是从服务器获取而来:</h2>
<p>信息:<span id="txtHint"></span></p>
--------clienthint.js----------------
var xmlHttp
function showHint()
{
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
{
alert ("您的浏览器不支持AJAX!");
return;
}
var url="getNews.asp";
url=url+"?sid="+Math.random();
xmlHttp.onreadystatechange=stateChanged;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
}
function stateChanged()
{
if (xmlHttp.readyState==4)
{
document.getElementById("txtHint").innerHTML=xmlHttp.responseText;
}
}
function GetXmlHttpObject()
{
var xmlHttp=null;
try
{
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
}
return xmlHttp;
}
window.onload=function()//在页面加载完成,每隔1000毫秒(1秒),执行函数
{
setInterval("showHint()",1000)
}
---------getNews.asp----------
<%
Randomize
Response.write INT(8+1)*RND
%>
1、异步加载,对于数据量大的客户可以看着进度条等待,不像要全部加载完,才可看
2、不是加载整张网页,只加载需要的部分,这样速度快
ajax不足处就是对搜索引擎的相应SEO优化不是太好
下面给楼主一个ajax调试通过的简单例子,供参考
-------index.htm-------
<script src="clienthint.js"></script>
<h2>以下是从服务器获取而来:</h2>
<p>信息:<span id="txtHint"></span></p>
--------clienthint.js----------------
var xmlHttp
function showHint()
{
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
{
alert ("您的浏览器不支持AJAX!");
return;
}
var url="getNews.asp";
url=url+"?sid="+Math.random();
xmlHttp.onreadystatechange=stateChanged;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
}
function stateChanged()
{
if (xmlHttp.readyState==4)
{
document.getElementById("txtHint").innerHTML=xmlHttp.responseText;
}
}
function GetXmlHttpObject()
{
var xmlHttp=null;
try
{
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
}
return xmlHttp;
}
window.onload=function()//在页面加载完成,每隔1000毫秒(1秒),执行函数
{
setInterval("showHint()",1000)
}
---------getNews.asp----------
<%
Randomize
Response.write INT(8+1)*RND
%>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
可行性:客户端(浏览器)要开启js支持。如果禁用了脚本,那么肯定没法工作了!
优点:页面不需要刷新就能更新页面里面一部分信息!
缺点:需要支持js,标准不统一!
流行框架:jquery等
优点:页面不需要刷新就能更新页面里面一部分信息!
缺点:需要支持js,标准不统一!
流行框架:jquery等
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询