多个ajax立即调用 [英] Multiple ajax calls at once
问题描述
我想一键重新加载2个div。我试过：
< a href =" javascript ：void（0）;"
onclick =" show（'' ajaxrequest.php？action = removefield''，''div1''）; show（''ajaxrequest.php？action = reloaddiv2''，''div2''）"> verwijderen< / a>
当我把它们放在一起时，两种单独的动作都不起作用。
任何人都知道如何解决这个问题吗？
我的ajax .js与功能显示
var xmlHttp
var mydiv
功能显示（str，div）
$
mydiv = div;
if（str.length == 0）
{
document.getElementById（mydiv）.innerHTML =""
return
}
xmlHttp = GetXmlHttpObject（）
if（xmlHttp == null）
{
alert（浏览器不支持HTTP请求）
返回
}
var url =""
url = url + str
url = url +" ;&安培; RND =" + Math.ra ndom（）
xmlHttp.onreadystatechange = stateChanged（）
xmlHttp.open（" GET"，url，true）
xmlHttp.send （null）
}
函数stateChanged（）
{
if（xmlHttp.readyState == 4 || xmlHttp.readyState ==" complete"）
{
document.getElementById（''loading''）。innerHTML ="";
document.getElementById（mydiv）.innerHTML = xmlHttp.r esponseText
}
else
{
document.getElementById（''loading''）。innerHTML ="< h1>正在载入....
< / h1>< img src =''/ fw / images / loaded.gif''>" ;;
} < br $>
}
函数GetXmlHttpObject（）
{
var xmlHttp = null;
试试
{
// Firefox，Opera 8.0 +，Safari
xmlHttp = new XMLHttpRequest（）;
}
catch（e）
{
// Internet Explorer
尝试
{
xmlHttp = new ActiveXObject（" Msxml2.XMLHTTP"）;
}
catch（ e）
{
xmlHttp = new ActiveXObject（" Microsoft.XMLHTTP"）;
}
}
返回xmlHttp;
}
-
Arjen
http://www.arjenkarel.nl
Hi,
I want to reload 2 divs at one click. Ive tried:
<a href = "javascript:void(0);"
onclick="show(''ajaxrequest.php?action=removefield'' ,''div1'');show(''ajaxrequest.php?action=reloaddiv2'', ''div2'')">verwijderen</a>
While both seperate actions work they dont when I put them together.
Anyone know how to fix this ?
My ajax.js with funcition show
var xmlHttp
var mydiv
function show(str,div)
{
mydiv=div;
if (str.length==0)
{
document.getElementById(mydiv).innerHTML=""
return
}
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
{
alert ("Browser does not support HTTP Request")
return
}
var url=""
url=url+str
url=url+"&rnd="+Math.random()
xmlHttp.onreadystatechange=stateChanged()
xmlHttp.open("GET",url,true)
xmlHttp.send(null)
}
function stateChanged()
{
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
{
document.getElementById(''loading'').innerHTML="";
document.getElementById(mydiv).innerHTML=xmlHttp.r esponseText
}
else
{
document.getElementById(''loading'').innerHTML="<h1> Loading ....
</h1><img src = ''/fw/images/loading.gif''>";
}
}
function GetXmlHttpObject()
{
var xmlHttp=null;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
}
return xmlHttp;
}
--
Arjen
http://www.arjenkarel.nl
推荐答案
5月9日上午9:56，Arjen< d ... @ mail.mewrote：
On May 9, 9:56 am, Arjen <d...@mail.mewrote:
我一次点击即可重新加载2个div。我试过：
< a href =" javascript ：void（0）;"
onclick =" show（'' ajaxrequest.php？action = removefield''，''div1''）; show（''ajaxrequest.php？action = reloaddiv2''，''div2''）"> verwijderen< / a>
当我把它们放在一起时，两种单独的动作都不起作用。
任何人都知道如何解决这个问题吗？
我的ajax .js与功能显示
var xmlHttp
var mydiv
功能显示（str，div）
$
mydiv = div;
if（str.length == 0）
{
document.getElementById（mydiv）.innerHTML =""
return
}
xmlHttp = GetXmlHttpObject（）
if（xmlHttp == null）
{
alert（浏览器不支持HTTP请求）
返回
}
var url =""
url = url + str
url = url +" & rnd =" + Math.random（）
xmlHttp.onreadystatechange = stateChanged（）
xmlHttp.open（" GET"，url，true）
xmlHttp.send（null）
}
函数stateChanged（）
{
if（xmlHttp.readyState == 4 || xmlHttp.readyState ==" complete"）
{
document.getElementById（''loading''）。innerHTML ="";
document.getElementById（mydiv）.innerHTML = xmlHttp.r esponseText
}
else
{
document.getElementById（''loading''）。innerHTML ="< h1>正在载入....
< / h1>< img src =''/ fw / images / loaded.gif''>" ;;
} < br $>
}
函数GetXmlHttpObject（）
{
var xmlHttp = null;
试试
{
// Firefox，Opera 8.0 +，Safari
xmlHttp = new XMLHttpRequest（）;
}
catch（e）
{
// Internet Explorer
尝试
{
xmlHttp = new ActiveXObject（" Msxml2.XMLHTTP"）;
}
catch（ e）
{
xmlHttp = new ActiveXObject（" Microsoft.XMLHTTP"）;
}
}
返回xmlHttp;
}
-
Arjenhttp：// www.arj enkarel.nl
Hi,
I want to reload 2 divs at one click. Ive tried:
<a href = "javascript:void(0);"
onclick="show(''ajaxrequest.php?action=removefield'' ,''div1'');show(''ajaxrequest.php?action=reloaddiv2'', ''div2'')">verwijderen</a>
While both seperate actions work they dont when I put them together.
Anyone know how to fix this ?
My ajax.js with funcition show
var xmlHttp
var mydiv
function show(str,div)
{
mydiv=div;
if (str.length==0)
{
document.getElementById(mydiv).innerHTML=""
return
}
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
{
alert ("Browser does not support HTTP Request")
return
}
var url=""
url=url+str
url=url+"&rnd="+Math.random()
xmlHttp.onreadystatechange=stateChanged()
xmlHttp.open("GET",url,true)
xmlHttp.send(null)
}
function stateChanged()
{
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
{
document.getElementById(''loading'').innerHTML="";
document.getElementById(mydiv).innerHTML=xmlHttp.r esponseText
}
else
{
document.getElementById(''loading'').innerHTML="<h1> Loading ....
</h1><img src = ''/fw/images/loading.gif''>";
}
}
function GetXmlHttpObject()
{
var xmlHttp=null;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
}
return xmlHttp;
}
--
Arjenhttp://www.arjenkarel.nl
我看不出问题。它适用于Firefox。也许这是一个IE问题？
I can''t see a problem. It works for Firefox. Perhaps it''s an IE issue?
5月9日上午9:56，Arjen< d ... @ mail.mewrote：
On May 9, 9:56 am, Arjen <d...@mail.mewrote:
我想一键重新加载2个div。我试过：
< a href =" javascript ：void（0）;"
onclick =" show（'' ajaxrequest.php？action = removefield''，''div1''）; show（''ajaxrequest.php？action = reloaddiv2''，''div2''）"> verwijderen< / a>
当我把它们放在一起时，两种单独的动作都不起作用。
任何人都知道如何解决这个问题吗？
我的ajax .js与功能显示
var xmlHttp
var mydiv
功能显示（str，div）
$
mydiv = div;
if（str.length == 0）
{
document.getElementById（mydiv）.innerHTML =""
return
}
xmlHttp = GetXmlHttpObject（）
if（xmlHttp == null）
{
alert（浏览器不支持HTTP请求）
返回
}
var url =""
url = url + str
url = url +" & rnd =" + Math.random（）
xmlHttp.onreadystatechange = stateChanged（）
xmlHttp.open（" GET"，url，true）
xmlHttp.send（null）
}
函数stateChanged（）
{
if（xmlHttp.readyState == 4 || xmlHttp.readyState ==" complete"）
{
document.getElementById（''loading''）。innerHTML ="";
document.getElementById（mydiv）.innerHTML = xmlHttp.r esponseText
}
else
{
document.getElementById（''loading''）。innerHTML ="< h1>正在载入....
< / h1>< img src =''/ fw / images / loaded.gif''>" ;;
} < br $>
}
函数GetXmlHttpObject（）
{
var xmlHttp = null;
试试
{
// Firefox，Opera 8.0 +，Safari
xmlHttp = new XMLHttpRequest（）;
}
catch（e）
{
// Internet Explorer
尝试
{
xmlHttp = new ActiveXObject（" Msxml2.XMLHTTP"）;
}
catch（ e）
{
xmlHttp = new ActiveXObject（" Microsoft.XMLHTTP"）;
}
}
返回xmlHttp;
}
-
Arjenhttp：// www.arj enkarel.nl
Hi,
I want to reload 2 divs at one click. Ive tried:
<a href = "javascript:void(0);"
onclick="show(''ajaxrequest.php?action=removefield'' ,''div1'');show(''ajaxrequest.php?action=reloaddiv2'', ''div2'')">verwijderen</a>
While both seperate actions work they dont when I put them together.
Anyone know how to fix this ?
My ajax.js with funcition show
var xmlHttp
var mydiv
function show(str,div)
{
mydiv=div;
if (str.length==0)
{
document.getElementById(mydiv).innerHTML=""
return
}
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
{
alert ("Browser does not support HTTP Request")
return
}
var url=""
url=url+str
url=url+"&rnd="+Math.random()
xmlHttp.onreadystatechange=stateChanged()
xmlHttp.open("GET",url,true)
xmlHttp.send(null)
}
function stateChanged()
{
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
{
document.getElementById(''loading'').innerHTML="";
document.getElementById(mydiv).innerHTML=xmlHttp.r esponseText
}
else
{
document.getElementById(''loading'').innerHTML="<h1> Loading ....
</h1><img src = ''/fw/images/loading.gif''>";
}
}
function GetXmlHttpObject()
{
var xmlHttp=null;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
}
return xmlHttp;
}
--
Arjenhttp://www.arjenkarel.nl
只是一个建议，但如果你想同时加载两个div，
为什么不实现服务器 - side protocol用于将一个请求中的两个div作为JSON对象发送给
的内容，然后你可以同时加载它们
。为什么要做两个单独的请求，当你可以在一个时间内完成
，这可能会更快？
Just a suggestion, but if you want to load both divs at the same time,
why not implement the server-side protocol to send the contents for
both divs in one request as a JSON object, then you can loads them
both at the same time. Why make two separate requests when you can do
it in one, which will probably be quicker?
Daz schreef：
Daz schreef:
5月9日上午9:56，Arjen< d ... @ mail.mewrote：
On May 9, 9:56 am, Arjen <d...@mail.mewrote:
>
我想一键重新加载2个div。我试过：
< a href =" javascript ：void（0）;"
onclick =" show（''ajaxrequest.php？action = removefield' '，''div1''）; show（''ajaxrequest.php？action = reloaddiv2''，''div2''）"> verwijderen< / a>
虽然两个单独的行动当我把它们放在一起时，它们不会工作。
任何人都知道如何解决这个问题吗？
>Hi,
I want to reload 2 divs at one click. Ive tried:
<a href = "javascript:void(0);"
onclick="show(''ajaxrequest.php?action=removefield '',''div1'');show(''ajaxrequest.php?action=reloaddiv2'' ,''div2'')">verwijderen</a>
While both seperate actions work they dont when I put them together.
Anyone know how to fix this ?
我看不出问题。它适用于Firefox。也许这是一个IE问题？
I can''t see a problem. It works for Firefox. Perhaps it''s an IE issue?
这在firefox（linux和windows）中都是奇怪的原因，也就是说它在这里没有工作; b $ b不在这里工作;
第一个div被填充，但第二个不是
这是一个例子
http://www.arjenkarel.nl/archief/4_M...ajax-calls.php
-
Arjen
That''s strange cause both in firefox(linux and windows) and ie it
doesn''work here;
The first div is filled corrctly but the second isn''t
Here is an example
http://www.arjenkarel.nl/archief/4_M...ajax-calls.php
--
Arjen
这篇关于多个ajax立即调用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
