如何将两个脚本刷新成一个？

I have two scripts refreshing div dynamic:
1) http://project-welcome.ugu.pl/test/ajax.js
2) http://project-welcome.ugu.pl/test/ajax2.js

我有两个脚本刷新div动态:1)http://project-welcome.ugu.pl/test/ajax.js 2)http://project-welcome.ugu.pl/test/ajax2.js

I tried to combine it:

我试着把它结合起来:

    // Customise those settings

    var seconds = 1;
    var divid = "timediv";
    var divid2 = "points";
    var url = "boo.php";
    var url2 = "boo2.php";

    // Refreshing the DIV

    function refreshdiv(){

    // The XMLHttpRequest object

    var xmlHttp;
    try{
    xmlHttp=new XMLHttpRequest(); // Firefox, Opera 8.0+, Safari
    }
    catch (e){
    try{
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); // Internet Explorer
    }
    catch (e){
    try{
    xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    catch (e){
    alert("Your browser does not support AJAX.");
    return false;
    }
    }
    }

    // Timestamp for preventing IE caching the GET request

    fetch_unix_timestamp = function()
    {
    return parseInt(new Date().getTime().toString().substring(0, 10))
    }

    var timestamp = fetch_unix_timestamp();
    var nocacheurl = url+"?t="+timestamp;
    var nocacheurl2 = url2+"?t="+timestamp;
    // The code...

    xmlHttp.onreadystatechange=function(){
    if(xmlHttp.readyState==4){
    document.getElementById(divid).innerHTML=xmlHttp.responseText;
    document.getElementById(divid2).innerHTML=xmlHttp.responseText;
    setTimeout('refreshdiv()',seconds*1000);
    }
    }
    xmlHttp.open("GET",nocacheurl,true);
    xmlHttp.send(null);
    xmlHttp.open("GET",nocacheurl2,true);
    xmlHttp.send(null);
    }

    // Start the refreshing process

    var seconds;
    window.onload = function startrefresh(){
    setTimeout('refreshdiv()',seconds*1000);
    }

Source of index.html:

index.html的来源:

    <script src="ajax3.js"></script>
    <script type="text/javascript"><!--
    refreshdiv();
    // --></script>
    Logs<div id="timediv"></div><br>
    Points<div id="points"></div><br>

It doesn't work because two div show the same (in this case points).

How correct combine scripts?

它不起作用,因为两个div显示相同(在这种情况下是点)。如何正确组合脚本?

P.s You can see it in file original.php
Login: testowyuser
Pass: testtest
then click "Strona Główna"

P.s你可以在文件original.php中看到它登录:testowyuser通过:testtest然后点击“StronaGłówna”

1 个解决方案

#1

Something goes last and overlaps the 1st.

有些东西是最后的,与第一个重叠。

It's Ok that you are complaining ;), look here

没关系,你在抱怨;),看看这里

xmlHttp.open("GET",nocacheurl,true); // opening 1st URI
xmlHttp.send(null); // requresting. in the mean time we've got the response and our `onreadystatechange` function triggers

xmlHttp.open("GET",nocacheurl2,true); // opening 2nd URI
xmlHttp.send(null); // the same situation. received response, triggered function

You are using 1 xmlHTTP instance to request for both. and using it sequentially, but demanding it works simultaneously.

您正在使用1 xmlHTTP实例来请求两者。并按顺序使用它,但要求它同时工作。

So when the function triggers (doesn't matter 1st or 2nd time) you suppose (but not the script) to have already 2 responses in 1 variable. Moreover, you want script guess what you actually want.

因此,当函数触发(无论是第一次还是第二次)时,您认为(但不是脚本)在1个变量中已经有2个响应。此外,您希望脚本猜出您真正想要的内容。

document.getElementById(divid).innerHTML = xmlHttp.responseText; // getting response text from the current response (it can be 1st or 2nd response)
document.getElementById(divid2).innerHTML = xmlHttp.responseText; // and again getting the current response text from the same instance (not the response you are expecting from the next request). so, you are repeating the same for the another <div>

Actually each time you have only one response text. And each time you are putting in your <div's> the same information (copy info over 2 <div's>) bec. there is no info about the next request yet.

实际上每次只有一个响应文本。每次你输入你的

相同的信息(复制信息超过2

)因为。没有关于下一个请求的信息。

's>

And as the result in your script, I suppose, you have always last request copied over 2 <div's>.

作为脚本中的结果,我想,你总是将上一个请求复制到2

上。

's>

Try to create 1 instance per "channel" (1 instance of xmlHTTP for the 1st script to use and 1 for the second) and set them different (separate) onreadystatechange function. This way you will not have overlap of data and will not be tangled.

尝试为每个“通道”创建1个实例(第一个脚本使用1个xmlHTTP实例,第二个脚本使用1个实例)并设置不同(单独)onreadystatechange函数。这样您就不会有数据重叠,也不会纠结。

Far more elegant solution (less refactoring in JS) is to distinguish responses. For e.g. if you are receiving XML, you can parse it for some flag that will tell you that this response is for <div id=divid> and another one is for another <div> or this request is first and this is the second etc.

更优雅的解决方案(JS中的重构更少)是区分响应。对于例如如果你正在接收XML,你可以解析一些标志,告诉你这个响应是针对

而另一个是另一个

或者这个请求是第一个,这是第二个等等。

#1