Ajax
谁知道同一页面有2个ajax怎么写啊?
墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网
我也要 关注 + 加入社区我有一个页面.想同时可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>
...全文
