用ajax实现仿优酷的视频播放评论不进行刷新

最新推荐文章于 2024-08-18 10:54:05 发布

iteye_3606

最新推荐文章于 2024-08-18 10:54:05 发布

阅读量127

点赞数

文章标签： javascript xhtml php ViewUI

<!DOCTYPE html PUBLIC "-//W3C//DTDXHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<htmlxmlns="http://www.w3.org/1999/xhtml">

<head>

<metahttp-equiv="Content-Type" content="text/html;charset=utf-8" />

<title>无标题文档</title>

<style>

#comment{

width:500px;

height:400px;

background-color:#FC9;

}

</style>

function getComment(){

ajax无刷新的评论

1、发布的评论，五刷新的显示到下面的区域

2、通过ajax把内容存到服务器上

3、获取服务器的数据，显示到评论区域

//初始化ajax引擎

var xhr = new XMLHttpRequest();

//这种方式只针对IE浏览器，并且IE6以下还有问题

varcomment=document.getElementById("com");

vardiv=document.getElementById("comment");

//初始化url

varurl="ajax-youku-server.php?comment="+comment.value+"&r="+Math.random();

//打开引擎

xhr.open("get",url,true);//readyState=1

//发送请求

xhr.send(null);//readyState=2

//监听readyState值的改变，每次改变都会执行下面的函数

xhr.onreadystatechange=function (){

//如果等于4，表名交互完毕，我们可以取出服务器返回的内容

if(xhr.readyState==4){

//alert(xhr.responseText);

//产生一个段落标记

var p=document.createElement("p");

//产生一个文本节点

var text=document.createTextNode("评论内容"+xhr.responseText);

//将文本添加到p元素<p></p>

p.appendChild(text);

//将段落标记追加到div中

div.appendChild(p);

}

</script>

<scriptsrc="../Scripts/swfobject_modified.js"type="text/javascript"></script>

</head>

<body>

<div>

<h4>此页面上的内容需要较新版本的 AdobeFlash Player。</h4>

</div>

</object>

</object>

swfobject.registerObject("FlashID");

</script>

</body>

<hr>

<hr />

<divid="comment"></div>

</html>

iteye_3606

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
用ajax实现仿优酷的视频播放评论不进行刷新

&lt;!DOCTYPE html PUBLIC "-//W3C//DTDXHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;&lt;htmlxmlns="http://www.w3.org/1999/xhtml"&gt;&lt;head&gt;&lt;met
复制链接

扫一扫