ajax如何能同时读取多个网址的内容在一个html上显示

blue19960407 2007-04-24 04:26:17
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Language" content="zh-cn" />
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Ajax</title>
<script type="text/javascript" language="javascript">
var http_request = false;
function send_request(url,viewidin)
{//初始化、指定处理函数、发送请求的函数
var objj=viewidin;
http_request = false;
//开始初始化XMLHttpRequest对象
if(window.XMLHttpRequest) { //Mozilla 浏览器
http_request = new XMLHttpRequest();
if (http_request.overrideMimeType) {//设置MiME类别
http_request.overrideMimeType('text/xml');
}
}
else if (window.ActiveXObject) { // IE浏览器
try {
http_request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
http_request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
if (!http_request) { // 异常，创建对象实例失败
window.alert("不能创建XMLHttpRequest对象实例.");
return false;
}
http_request.onreadystatechange = processRequest(objj);
// 确定发送请求的方式和URL以及是否同步执行下段代码
http_request.open("GET", url, true);
http_request.send(null);
}
// 处理返回信息的函数
function processRequest(viewid) {
var obj=viewid;
if (http_request.readyState == 4) { // 判断对象状态
if (http_request.status == 200) { // 信息已经成功返回，开始处理信息
obj.innerHTML=http_request.responseText;
} else { //页面不正常
alert("您所请求的页面有异常。");
}
}
}

//function MyShow()
//{
// timer = window.setInterval("send_request('http://www.google.com','ajaxview')",1000);//定时更新
//}
</script>
</head>

<body onload="send_request('http://www.google.com',document.getElementById('ajaxview1'));send_request('http://www.baidu.com',document.getElementById('ajaxview'))">

<table style="width: 100%">
<tr>
<td>读www.google.com</td>
<td><div id="ajaxview1"></div></td>
</tr>
<tr>
<td>读www.baidu.com</td>
<td><div id="ajaxview"></div></td>
</tr>
</table>

</body>

</html>


结果显示类型不批配，怎么改，求教!!!!!!
...全文
415 8 打赏 收藏 转发到动态 举报
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
dongsj8325 2007-04-27
  • 打赏
  • 举报
 回复
要读就读google.cn

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

<head>
<meta http-equiv="Content-Language" content="zh-cn" />
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Ajax</title>
<script type="text/javascript" language="javascript">
var http_request = false;
var x = "1";
function send_request(url,viewidin)
{//初始化、指定处理函数、发送请求的函数
var objj=viewidin;
http_request = false;
//开始初始化XMLHttpRequest对象
if(window.XMLHttpRequest) { //Mozilla 浏览器
http_request = new XMLHttpRequest();
if (http_request.overrideMimeType) {//设置MiME类别
http_request.overrideMimeType('text/xml');
}
}
else if (window.ActiveXObject) { // IE浏览器
try {
http_request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
http_request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
if (!http_request) { // 异常，创建对象实例失败
window.alert("不能创建XMLHttpRequest对象实例.");
return false;
}
http_request.onreadystatechange = processRequest;
// 确定发送请求的方式和URL以及是否同步执行下段代码
http_request.open("GET", url, true);
http_request.send(null);
}
// 处理返回信息的函数

function processRequest() {
var ajaxview=document.getElementById('ajaxview');
var ajaxview1=document.getElementById('ajaxview1');
if (http_request.readyState == 4) { // 判断对象状态
alert(x);
if (http_request.status == 200) { // 信息已经成功返回，开始处理信息
if (x==1){
ajaxview.innerHTML=http_request.responseText;
x=2;
}else {
ajaxview1.innerHTML=http_request.responseText;

}

} else { //页面不正常
alert("您所请求的页面有异常。");
}
}
}

//function MyShow()
//{
//timer = window.setInterval("send_request('http://www.google.com','ajaxview')",1000);//定时更新
//}
</script>
</head>

<body onload=send_request('http://www.baidu.com');setTimeout("send_request('http://www.google.cn')",5000);>

<div id="ajaxview1" style="position:absolute; left:0px; top:60px; width:177px; height:103px; z-index:1">1</div>
<div id="ajaxview" style="position:absolute; left:333px; top:222px; width:181px; height:104px; z-index:1">2</div>


<table style="width: 100%">
<tr>
<td>读www.google.com</td>

</tr>
<tr>
<td>读www.baidu.com</td>

</tr>
</table>

</body>

</html>
liuph3000 2007-04-27
  • 打赏
  • 举报
 回复
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Language" content="zh-cn" />
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Ajax</title>
<script type="text/javascript" language="javascript">
var http_request = false;
function send_request(url,viewidin)
{//初始化、指定处理函数、发送请求的函数
var objj=viewidin;
http_request = false;
//开始初始化XMLHttpRequest对象
if(window.XMLHttpRequest) { //Mozilla 浏览器
http_request = new XMLHttpRequest();
if (http_request.overrideMimeType) {//设置MiME类别
http_request.overrideMimeType('text/xml');
}
}
else if (window.ActiveXObject) { // IE浏览器
try {
http_request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
http_request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
if (!http_request) { // 异常，创建对象实例失败
window.alert("不能创建XMLHttpRequest对象实例.");
return false;
}
http_request.onreadystatechange = processRequest;
// 确定发送请求的方式和URL以及是否同步执行下段代码
http_request.open("GET", url, true);
http_request.send(null);
}
// 处理返回信息的函数
function processRequest() {
var obj=document.getElementById('ajaxview1');
if (http_request.readyState == 4) { // 判断对象状态
if (http_request.status == 200) { // 信息已经成功返回，开始处理信息
obj.innerHTML=http_request.responseText;
} else { //页面不正常
alert("您所请求的页面有异常。");
}
}
}

//function MyShow()
//{
//timer = window.setInterval("send_request('http://www.google.com','ajaxview')",1000);//定时更新
//}
</script>
</head>

<body onload="send_request('http://www.google.com');send_request('http://www.baidu.com')">

<table style="width: 100%">
<tr>
<td>读www.google.com</td>
<td><div id="ajaxview1"></div></td>
</tr>
<tr>
<td>读www.baidu.com</td>
<td><div id="ajaxview"></div></td>
</tr>
</table>

</body>

</html>
不知为什么只能用单个div，等下面的老大回答
blue19960407 2007-04-26
  • 打赏
  • 举报
 回复
csdn怎么了，越来越少人回答问题了
blue19960407 2007-04-26
  • 打赏
  • 举报
 回复
版主老大呀，高手们帮忙呀！！！！！！！！！
blue19960407 2007-04-25
  • 打赏
  • 举报
 回复
两位说的都不行，怎么办呀！
dongsj8325 2007-04-24
  • 打赏
  • 举报
 回复
onreadystatechange 后面应该是一个函数的引用,或者是=function{.......}

你用的是一个xmlhttprequest吗?那怎么得到两个页面的网址,你能保证第一个处理完了,再处理第二个?
gxtiou 2007-04-24
  • 打赏
  • 举报
 回复
http_request.onreadystatechange = processRequest(objj);
这行是错的 这个函数调用不加参数 (是不是叫委托方式??)
http_request.onreadystatechange = processRequest;
blue19960407 2007-04-24
  • 打赏
  • 举报
 回复
顶，没人会吗？
java源码包---java 源码 大量 实例
　Java实现HTTP连接与浏览，Java源码下载，输入html文件地址或网址，显示页面和HTML源文件，一步步的实现过程请下载本实例的Java源码，代码中包括丰富的注释，对学习有帮助。 Java实现的FTP连接与数据浏览程序 1个...
ajax请求得到的数据怎么在另一个页面显示呢，两个都是html页面
在做demo的时候涉及到前后端通过Ajax获取、提交数据，那么当我们在一个html页面的Ajax里获取数据后怎么在另一个HTML页面也获取到呢 现在我这儿有一个login.html页面和一个index.html页面 login.html提交数据到后台 ...
ajax教程 在线视频培训教程（含课程源代码）
讲解ajax的工作原理和实例全国省市区3级联动 01-ajax概要和第一个示例 02-AJAX 工作原理 03-创建 XMLHttpRequest 对象 04-使用phpstorm工具来开发 05-Get方法和读取中文乱码解决 06-Post方法和小坑的解决 07-...
js 加载html文件内容,js读取txt文件内容
CSS布局HTML小编今天和大家分享HTML或者JS读取TXT文件内容的代码如题，CSS布局HTML小编今天和大家分享HTML或者JS读取TXT文件内容的代码JS读取TXT文件内容的代码如下： 读取文件内容 var fso, ts, s ; var ForReading...
html数据动态显示、利用ajax动态显示mysql的数据
然而网页的动态显示卡了好久（温湿度一直更新，静态html不能一直刷新），多次请教最后还是解决了，方法就是利用ajax来实现。准备工作环境：php环境、jquery、mysqlmysql： 数据库名称：design 表名：testmysql> ...
Ajax

52,797

社区成员

25,305

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 Ajax
社区管理员
  • Ajax
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章