谁知道同一页面有2个ajax怎么写啊?

dusttosky 2011-04-23 01:00:16

我有一个页面.想同时可ajax2个实例,如4列*2行的表格,如ajax1输入,ajax显示1,ajax输入2,ajax显示2.我下面的代码只可实现ajax1输入,然后后台查询显示ajax显示1的数据. 我现在想再加入ajax2这到另一个后台页面处理并返回页面. 不知道该怎么写,请高手帮帮忙.......



<html>

<style type="text/css">

<!--

.STYLE20 {font-size: 14px}

.STYLE22 {font-size: 14px; font-weight: bold; }

.STYLE26 {color: #FF0000}

-->

</style>

<script type="text/javascript">

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;

}



function showHint(str)

{



  if (str.length==0)

    { 

    document.getElementById("txtHint").innerHTML="";

    return;

    }



  xmlHttp=GetXmlHttpObject()

  

  if (xmlHttp==null)

    {

    alert ("您的浏览器不支持AJAX！");

    return;

    }



var url="csths.asp";

url=url+"?q="+str;

url=url+"&sid="+Math.random();

xmlHttp.onreadystatechange=stateChanged;

xmlHttp.open("GET",url,true);

xmlHttp.send(null);

}



function stateChanged() 

{ 

  if (xmlHttp.readyState==4)

  { 

  document.getElementById("gysmc").value=xmlHttp.responseText;

  }

}

</script><body>

      <td bgcolor="#FFFFFF"><table width="850" border="0" align="center" cellspacing="1" bgcolor="#000000">

        <tr>

          <td bgcolor="#FFFFFF"><div align="center" class="STYLE22"><span class="STYLE26">*</span>ajax输入1</div></td>

          <td bgcolor="#FFFFFF"><div align="center" class="STYLE22"><span class="STYLE26">*</span>ajax显示1</div></td>

          <td bgcolor="#FFFFFF" class="STYLE22">ajax输入2</td>

          <td bgcolor="#FFFFFF" class="STYLE22">ajax显示2</td>

        </tr>

        <tr>

          <td bgcolor="#FFFFFF"><div align="center" class="STYLE20">

              <input name="gysbm" type="text" id="txt1" onKeyUp="showHint(this.value)" size="10" onKeyDown="if(event.keyCode==13){return false;}" />

          </div></td>

          <td bgcolor="#FFFFFF"><div align="center" class="STYLE20">

              <input name="gysmc" type="text" id="gysmc"  size="25" readonly="true" style="color:#FF0000;">

          </div></td>

          <td bgcolor="#FFFFFF"><span class="STYLE20">

            <input name="bmbm" type="text" id="bmbm" onKeyUp="showHintt(this.value)" size="10" onKeyDown="if(event.keyCode==13){return false;}" />

          </span></td>

          <td bgcolor="#FFFFFF"><span class="STYLE20">

            <input name="bmmc" type="text" id="bmmc"  size="15"  style="color:#FF0000;" />

          </span></td>

        </tr>

      </table>



</body>

</html>

...全文

221 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

吴少_ 2011-04-27

打赏
举报

用jquery

Go 旅城通票 2011-04-23

打赏
举报

同时发送请求时创建2个xhr对象就行了，不要重用同一个。。要不IE下只会执行最后一次上的send，ff下回出错

dusttosky 2011-04-23

打赏
举报

我的问题应该是 Ajax 同一页面如何同时执行多个 XMLHTTP ?

zell419 2011-04-23

打赏
举报

ajax2 ajax1是同一功能吗？
继续对xmlHttp对象进行操作。

dusttosky 2011-04-23

打赏
举报

document.getElementById("gysmc").value=xmlHttp.responseText;
这里我下面的代码只可以实现到ajax1输入和ajax1显示.
那我添加的ajax2需要添加什么代码函数?



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;

}



function showHint(str)

{



  if (str.length==0)

    { 

    document.getElementById("txtHint").innerHTML="";

    return;

    }



  xmlHttp=GetXmlHttpObject()

  

  if (xmlHttp==null)

    {

    alert ("您的浏览器不支持AJAX！");

    return;

    }



var url="csths.asp";

url=url+"?q="+str;

url=url+"&sid="+Math.random();

xmlHttp.onreadystatechange=stateChanged;

xmlHttp.open("GET",url,true);

xmlHttp.send(null);

}



function stateChanged() 

{ 

  if (xmlHttp.readyState==4)

  { 

  document.getElementById("gysmc").value=xmlHttp.responseText;

  }

}

</script>