HTML部分
javascript部分
<table><tr><td>关键字:</td><td><input type="text" id="my_key" size="70"></td><td><input type="button" id="my_sub" value="提交" οnclick="myconnect()"></td></tr> <tr><td>结果:</td><td colspan="2"><div id="my_result"> </div></td></tr> </table>
javascript部分
<script language="javascript">
var request=null;
function myconnect(){
if(document.getElementById("my_key").value.length!=11){
document.getElementById("my_result").innerHTML="KEY必须为11个字符";
return;
}
request=null;
if (window.XMLHttpRequest){
request = new XMLHttpRequest();
}else if (window.ActiveXObject){
request = new ActiveXObject("Microsoft.XMLHTTP");
}
if (request){
document.getElementById("my_sub").disabled="disabled";
//修改标签中间的内容。
document.getElementById("my_result").innerHTML="正在获取中,如果长时间没反映,请刷新页面重试";
//myrecv是函数,onreadystatechange是request的事件。当连接状态变化时,会触发这个事件。
request.onreadystatechange = myrecv ;
request.open("GET", "../atest/flvget.php?key="+document.getElementById("my_key").value, true);
//只发送连接请求。
request.send(null);
}else{
document.getElementById("my_result").innerHTML="无法使用javascript连接服务器";
}
}
function myrecv(e){
//readyState是连接状态,4表示已经下载完毕。可以读内容了。
if(request.readyState==4){
//以文本方式读取内容。
var rtext=request.responseText;
document.getElementById("my_sub").disabled=false;
if(rtext!="-1"){
document.getElementById("my_result").innerHTML="<a href='"+rtext+"'>"+rtext+"</a>";
}else{
document.getElementById("my_result").innerHTML="请确认这个KEY是否存在,并且免费用户可以观看";
}
}
}
</script>