进来说吧。该如何处理
日期：2014-05-18 浏览次数：20421 次
进来说吧。
<ul>
<li> 一 </li>
<li> 二 </li>
</ul>
<div> </div>
求：当鼠标放到一和二上时，怎么样让div显示数据库里不同的内容（也就是onmouserover时怎么让div加载数据库里的内容），详细点。多谢各位。
------解决方案--------------------
页面加载时读取 onmouserover时显示：javascript
onmouserover时加载：ajax
------解决方案--------------------
ajax
------解决方案--------------------
<HEAD>
<TITLE> Mouse Click Animation </TITLE>
<script language= "javascript ">
<!--
function getXMLRequester( ){
var xmlhttp_request = false;
try{
if( window.ActiveXObject ){
for( var i = 5; i; i-- ){
try{
if( i == 2 ){
xmlhttp_request = new ActiveXObject( "Microsoft.XMLHTTP " );
}else{
xmlhttp_request = new ActiveXObject( "Msxml2.XMLHTTP. " + i + ".0 " );
xmlhttp_request.setRequestHeader( "Content-Type ", "text/xml ");
xmlhttp_request.setRequestHeader( "Content-Type ", "gb2312 ");
}
break;}
catch(e){
xmlhttp_request = false;
}
}
}else if( window.XMLHttpRequest ){
xmlhttp_request = new XMLHttpRequest();
if (xmlhttp_request.overrideMimeType) {
xmlhttp_request.overrideMimeType( 'text/xml ');
}
}
}catch(e){
xmlhttp_request = false;
}
return xmlhttp_request ;
}
function IDRequest(n,ob) {//定义收到服务器的响应后需要执行的JavaScript函数
url=n+ob.innerHTML;//定义网址参数
xmlhttp_request=getXMLRequester();//调用创建XMLHttpRequest的函数
xmlhttp_request.onreadystatechange = doContents;//调用doContents函数
xmlhttp_request.open( 'GET ', url, true);
xmlhttp_request.send(null);
}
function doContents() {
if (xmlhttp_request.readyState == 4) {// 收到完整的服务器响应
if (xmlhttp_request.status == 200) {//HTTP服务器响应的值OK
document.getElementById( 'message ').innerHTML = xmlhttp_request.responseText;
//将服务器返回的字符串写到页面中ID为message的区域
} else {
alert(http_request.status);
}
}
}
//-->
</script>
</HEAD>
<BODY style= "filter:Alpha(Opacity=50) ">
<ul>
<li onmousemove= "IDRequest( 'http://reg.163.com/register/checkssn.jsp?username= ',this) " > test </li>
<br> <br> <br>
<li onmousemove= "IDRequest( 'http://reg.163.com/register/checkssn.jsp?username= ',this) " > u3i2kj3kd </li>
</ul>
<div id= "message "> </div>
</BODY>
</HTML>
------解决方案--------------------
<script>
function showinfo(info)
{
document.getElementById( 'info ').innerText=info;
}
</script>
<body>
<ul>
<li onmouseover= "javascript:showinfo( '一 ') "> 一 </li>
<li onmouseover= "javascript:showinfo( '二 ') "> 二 </li>
<ul>
<li> 一 </li>
<li> 二 </li>
</ul>
<div> </div>
求：当鼠标放到一和二上时，怎么样让div显示数据库里不同的内容（也就是onmouserover时怎么让div加载数据库里的内容），详细点。多谢各位。
------解决方案--------------------
页面加载时读取 onmouserover时显示：javascript
onmouserover时加载：ajax
------解决方案--------------------
ajax
------解决方案--------------------
<HEAD>
<TITLE> Mouse Click Animation </TITLE>
<script language= "javascript ">
<!--
function getXMLRequester( ){
var xmlhttp_request = false;
try{
if( window.ActiveXObject ){
for( var i = 5; i; i-- ){
try{
if( i == 2 ){
xmlhttp_request = new ActiveXObject( "Microsoft.XMLHTTP " );
}else{
xmlhttp_request = new ActiveXObject( "Msxml2.XMLHTTP. " + i + ".0 " );
xmlhttp_request.setRequestHeader( "Content-Type ", "text/xml ");
xmlhttp_request.setRequestHeader( "Content-Type ", "gb2312 ");
}
break;}
catch(e){
xmlhttp_request = false;
}
}
}else if( window.XMLHttpRequest ){
xmlhttp_request = new XMLHttpRequest();
if (xmlhttp_request.overrideMimeType) {
xmlhttp_request.overrideMimeType( 'text/xml ');
}
}
}catch(e){
xmlhttp_request = false;
}
return xmlhttp_request ;
}
function IDRequest(n,ob) {//定义收到服务器的响应后需要执行的JavaScript函数
url=n+ob.innerHTML;//定义网址参数
xmlhttp_request=getXMLRequester();//调用创建XMLHttpRequest的函数
xmlhttp_request.onreadystatechange = doContents;//调用doContents函数
xmlhttp_request.open( 'GET ', url, true);
xmlhttp_request.send(null);
}
function doContents() {
if (xmlhttp_request.readyState == 4) {// 收到完整的服务器响应
if (xmlhttp_request.status == 200) {//HTTP服务器响应的值OK
document.getElementById( 'message ').innerHTML = xmlhttp_request.responseText;
//将服务器返回的字符串写到页面中ID为message的区域
} else {
alert(http_request.status);
}
}
}
//-->
</script>
</HEAD>
<BODY style= "filter:Alpha(Opacity=50) ">
<ul>
<li onmousemove= "IDRequest( 'http://reg.163.com/register/checkssn.jsp?username= ',this) " > test </li>
<br> <br> <br>
<li onmousemove= "IDRequest( 'http://reg.163.com/register/checkssn.jsp?username= ',this) " > u3i2kj3kd </li>
</ul>
<div id= "message "> </div>
</BODY>
</HTML>
------解决方案--------------------
<script>
function showinfo(info)
{
document.getElementById( 'info ').innerText=info;
}
</script>
<body>
<ul>
<li onmouseover= "javascript:showinfo( '一 ') "> 一 </li>
<li onmouseover= "javascript:showinfo( '二 ') "> 二 </li>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
