如何使用ajax同时初始化两个列表?
大家好,有人知道如何使用ajax同时初始化两个列表吗 这是我的密码如何使用ajax同时初始化两个列表?,ajax,list,Ajax,List,大家好,有人知道如何使用ajax同时初始化两个列表吗 这是我的密码 <html> <body onload="iniciaListas()"> <script type="text/javascript"> var xmlHttp function iniciaListas() { muestraListaPaises(); muestraListaProfesiones(); } function muestraListaP
<html>
<body onload="iniciaListas()">
<script type="text/javascript">
var xmlHttp
function iniciaListas()
{
muestraListaPaises();
muestraListaProfesiones();
}
function muestraListaProfesiones()
{
//Se inicializa el objeto ajax para manipular los eventos asincronos al servidor
xmlHttp=GetXmlHttpObject();
if (xmlHttp==null)
{
alert ("Your browser does not support AJAX!");
return;
}
//Se obtine el id de la lista
var obCon = document.getElementById("ocupacion");
//Por medio del metodo GET se llama nuestra pagina PHP
xmlHttp.open("GET", "../Listas/listaProfesiones.php");
//On ready funcion es la funcion que se da cuenta cuando la pagina php acaba de hacer su proceso
xmlHttp.onreadystatechange = function() {
//el estado 4 indica que esta listo para procesar la instruccion
if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
//despues que nuestro objeto ajax proceso la pagina php recupera un xml generado
obXML = xmlHttp.responseXML;
//despues obtine los datos contenidos en las siguites etiquetas
obCod = obXML.getElementsByTagName("ID");
obDes = obXML.getElementsByTagName("NOMPROFESION");
//esta funcion devuelve en su la longitud de todos los registros
obCon.length=obCod.length;
//cilclo de llenado para las listas
for (var i=0; i<obCod.length;i++) {
obCon.options[i].value=obCod[i].firstChild.nodeValue;
obCon.options[i].text=obDes[i].firstChild.nodeValue;
}
}
}
//este objeto envia un nulll debido a que el metodo utilizado es get
xmlHttp.send(null);
}
function muestraListaPaises()
{
//Se inicializa el objeto ajax para manipular los eventos asincronos al servidor
xmlHttp=GetXmlHttpObject();
if (xmlHttp==null)
{
alert ("Your browser does not support AJAX!");
return;
}
//Se obtine el id de la lista
var obCon = document.getElementById("pais");
//Por medio del metodo GET se llama nuestra pagina PHP
xmlHttp.open("GET", "../Listas/listaPaises.php");
//On ready funcion es la funcion que se da cuenta cuando la pagina php acaba de hacer su proceso
xmlHttp.onreadystatechange = function() {
//el estado 4 indica que esta listo para procesar la instruccion
if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
//despues que nuestro objeto ajax proceso la pagina php recupera un xml generado
obXML = xmlHttp.responseXML;
//despues obtine los datos contenidos en las siguites etiquetas
obCod = obXML.getElementsByTagName("ID");
obDes = obXML.getElementsByTagName("NOMPAIS");
//esta funcion devuelve en su la longitud de todos los registros
obCon.length=obCod.length;
//cilclo de llenado para las listas
for (var i=0; i<obCod.length;i++) {
obCon.options[i].value=obCod[i].firstChild.nodeValue;
obCon.options[i].text=obDes[i].firstChild.nodeValue;
}
}
}
//este objeto envia un nulll debido a que el metodo utilizado es get
xmlHttp.send(null);
}
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;
}
</script>
<html>
<body onload="iniciaListas()">
<script type="text/javascript" src="lists.js"> </script>
<b>Country</b><br>
<select name="pais" id="pais" ></select>
<b>Ocupation</b><br>
<select name="pais" id="pais" ></select>
</body>
</html>
var xmlHttp
函数iniciaListas()
{
muestraListaPaises();
muestraListaProfesiones();
}
函数muestralistaprofessiones()
{
//在阿贾克斯,特别是在服务业发生重大事件的时候
xmlHttp=GetXmlHttpObject();
if(xmlHttp==null)
{
警告(“您的浏览器不支持AJAX!”);
返回;
}
//这是利斯塔岛上的一座城堡
var obCon=document.getElementById(“ocupacion”);
//梅托多地中海酒店
open(“GET”,“./Listas/listaProfesiones.php”);
//关于准备好的函数,它可以在程序中使用
xmlHttp.onreadystatechange=函数(){
//第四个指标是指导程序
if(xmlHttp.readyState==4&&xmlHttp.status==200){
//在xml生成过程中,php重复使用ajax过程的新目标是什么
obXML=xmlHttp.responseXML;
//在这一时期内,这一点是不可能的
obCod=obXML.getElementsByTagName(“ID”);
obDes=obXML.getElementsByTagName(“NomProfession”);
//在登记处登记的时间长度范围内设立一个职能部门
对象长度=对象长度;
//利斯塔斯酒店
对于(var i=0;i我建议对Ocupation节点使用不同的ID,并加倍添加:
JS Snip-抓取另一个列表,添加到两个列表中:
//Se obtine el id de la lista
var obCon = document.getElementById("pais");
var obOcupation = document.getElementById("ocupation");
...
for (var i=0; i<obCod.length;i++) {
obCon.options[i].value=obCod[i].firstChild.nodeValue;
obCon.options[i].text=obDes[i].firstChild.nodeValue;
obOcupation.options[i].value=obCod[i].firstChild.nodeValue;
obOcupation.options[i].text=obDes[i].firstChild.nodeValue;
}
//Se obtine el id de la lista
var obCon=document.getElementById(“pais”);
var obOcupation=document.getElementById(“ocutive”);
...
对于(var i=0;i使用ajax可能不够具体。您的意思是在JavaScript中吗?大概,ajax调用将以字符串或JSON对象的形式获取数据,然后调用您指定的某个OnComplete函数。在OnComplete中,通常您获取该数据并使用它填充列表。只需输入两倍的填充代码即可这个函数你认为AJAX中的J代表什么?我使用php从mysql中获取数据,然后y使用jsscript填充列表,一个列表就可以了,但是如果我想同时填充两个列表,其中一个是空的
<html>
<body onload="iniciaListas()">
<script type="text/javascript" src="lists.js"> </script>
<b>Country</b><br>
<select name="pais" id="pais" ></select>
<b>Ocupation</b><br>
<select name="ocupation-pais" id="ocupation" ></select>
</body>
</html>