<div dir="ltr"><div style>Gente paso este codigo haber si alguien me puede ayudar quisiera cargar mediante ajax las provincias segun el pais seleccionado, es el ejercicio 7 de la clas de js</div><div style><br></div><div style>
Muchas gracias</div><div><br></div><div><br></div><div><br></div><div>var xmlHttp = new XMLHttpRequest();</div><div><br></div><div><br></div><div>var argentina=array("Ciudad de Buenos Aires,Buenos Aires,Catamarca,Chaco,Chubut,Córdoba,Corrientes,Entre Ríos,Formosa,Jujuy,La Pampa,La Rioja,Mendoza,Misiones,Neuquén,Río Negro,Salta,San Juan,San Luis,Santa Cruz,Santa Fe,Santiago del Estero,Tierra del Fuego,Tucumán");</div>
<div><br></div><div><br></div><div><br></div><div>var argelia = array("Adrar,Aïn Témouchent,Annaba,Argel,Aïn Defla,Batna,Biskra,Blida,Bordj Bou Arréridj,Bouira,Boumerdès,Bujía,Béchar,Chlef,Constantina,Djelfa,El Bayadh,El Oued,El Tarf,Ghardaïa,Guelma,Jijel,Khenchela,Laghouat,M_Sila,Médéa,Mila,Mostaganem,Muaskar,Naama,Orán,Ouargla,Oum el-Bouaghi,Relizan,Saida,Sidi Bel Abbes,Skikda,Provincia de Souk Ahras,Sétif,Tamanghasset,Tiaret,Tinduf,Tipasa,Tissemsilt,Tizi Ouzou,Tlemecén,Tébessa");</div>
<div><br></div><div><div>var xmlHttp = new XMLHttpRequest();</div><div>var argentina=array("Ciudad de Buenos Aires,Buenos Aires,Catamarca,Chaco,Chubut,Córdoba,Corrientes,Entre Ríos,Formosa,Jujuy,La Pampa,La Rioja,Mendoza,Misiones,Neuquén,Río Negro,Salta,San Juan,San Luis,Santa Cruz,Santa Fe,Santiago del Estero,Tierra del Fuego,Tucumán");</div>
<div>var argelia = array("Adrar,Aïn Témouchent,Annaba,Argel,Aïn Defla,Batna,Biskra,Blida,Bordj Bou Arréridj,Bouira,Boumerdès,Bujía,Béchar,Chlef,Constantina,Djelfa,El Bayadh,El Oued,El Tarf,Ghardaïa,Guelma,Jijel,Khenchela,Laghouat,M_Sila,Médéa,Mila,Mostaganem,Muaskar,Naama,Orán,Ouargla,Oum el-Bouaghi,Relizan,Saida,Sidi Bel Abbes,Skikda,Provincia de Souk Ahras,Sétif,Tamanghasset,Tiaret,Tinduf,Tipasa,Tissemsilt,Tizi Ouzou,Tlemecén,Tébessa");</div>
<div>function callServer()</div><div>{</div><div><span class="" style="white-space:pre">        </span>//Obtiene el nombre escrito a medida que se escribe</div><div><span class="" style="white-space:pre">        </span>var codProv = document.getElementById('paises').options[document.getElementById('paises').selectedIndex].value;</div>
<div><span class="" style="white-space:pre">    </span></div><div><span class="" style="white-space:pre">   </span>//Sigo solo si hay datos</div><div><span class="" style="white-space:pre">   </span></div><div><span class="" style="white-space:pre">   </span>if((codProv == null) ||(codProv==""))</div>
<div><span class="" style="white-space:pre">            </span>{</div><div><span class="" style="white-space:pre">                  </span>return;</div><div><span class="" style="white-space:pre">            </span>}</div><div><span class="" style="white-space:pre">  </span></div>
<div><span class="" style="white-space:pre">    </span>//Arma URL</div><div><span class="" style="white-space:pre"> </span></div><div><span class="" style="white-space:pre">   </span>var url = "Ejercicio7.php?codProv="+ escape(codProv);</div>
<div><span class="" style="white-space:pre">    </span></div><div><span class="" style="white-space:pre">   </span>// Abro conexion con el servidor</div><div><span class="" style="white-space:pre">   </span></div><div><span class="" style="white-space:pre">   </span>xmlHttp.open("GET",url,true);</div>
<div><span class="" style="white-space:pre">    </span></div><div><span class="" style="white-space:pre">   </span>//Determino la funcion que se va a ejecutar cuando se obtiene la respuesta del servidor</div><div><span class="" style="white-space:pre">    </span></div>
<div><span class="" style="white-space:pre">    </span>xmlHttp.onredystatechange = updatePage;</div><div><span class="" style="white-space:pre">    </span></div><div><span class="" style="white-space:pre">   </span>//Envio la peticion</div>
<div><span class="" style="white-space:pre">    </span></div><div><span class="" style="white-space:pre">   </span>xmlHttp.send(null);</div><div><span class="" style="white-space:pre">        </span></div><div><span class="" style="white-space:pre">   </span>//Funcion que actualiza la pagina con la respuesta</div>
<div><span class="" style="white-space:pre">    </span></div><div><span class="" style="white-space:pre">   </span>function updatePage()</div><div><span class="" style="white-space:pre">      </span>{</div><div><span class="" style="white-space:pre">          </span>if(xmlHttp.readyState == 4)</div>
<div><span class="" style="white-space:pre">                    </span>{</div><div><span class="" style="white-space:pre">                          </span>if(codProv == "ar")</div><div><span class="" style="white-space:pre">                      </span> for(f=0;f< argentina.length();f++)</div>
<div><span class="" style="white-space:pre">                    </span>    {</div><div><span class="" style="white-space:pre">                      </span>      var op=document.createElement('option');</div><div><span class="" style="white-space:pre">                     </span>      var texto=document.createTextNode(argentina[f].firstChild.nodeValue);</div>
<div><span class="" style="white-space:pre">                    </span>      op.appendChild(texto);</div><div><span class="" style="white-space:pre">                       </span>      document.getElementById("provincias").appendChild(op);</div><div>
<span class="" style="white-space:pre">                       </span>    }</div><div><span class="" style="white-space:pre">                      </span>}</div><div><span class="" style="white-space:pre">  </span>}</div></div><div><br></div><div><br></div><div>
<br></div><div>function callServer()</div><div>{</div><div><span class="" style="white-space:pre">  </span>//Obtiene el nombre escrito a medida que se escribe</div><div><span class="" style="white-space:pre">        </span>var codProv = document.getElementById('paises').options[document.getElementById('paises').selectedIndex].value;</div>
<div><span class="" style="white-space:pre">    </span></div><div><span class="" style="white-space:pre">   </span>//Sigo solo si hay datos</div><div><span class="" style="white-space:pre">   </span></div><div><span class="" style="white-space:pre">   </span>if((codProv == null) ||(codProv==""))</div>
<div><span class="" style="white-space:pre">            </span>{</div><div><span class="" style="white-space:pre">                  </span>return;</div><div><span class="" style="white-space:pre">            </span>}</div><div><span class="" style="white-space:pre">  </span></div>
<div><span class="" style="white-space:pre">    </span>//Arma URL</div><div><span class="" style="white-space:pre"> </span></div><div><br></div><div><span class="" style="white-space:pre"><br></span></div><div><span class="" style="white-space:pre">   </span>var url = "Ejercicio7.php?codProv="+ escape(codProv); -><b>Esta linea que haria?</b><span style="white-space:pre">        </span></div>
<div><span class="" style="white-space:pre">    </span>// Abro conexion con el servidor</div><div><span class="" style="white-space:pre">   </span></div><div><span class="" style="white-space:pre">   </span>xmlHttp.open("GET",url,true);<b>->aca envia la url con el codigo de la provincia? Se puede enviar por POST?</b></div>
<div><span class="" style="white-space:pre">    </span></div><div><span class="" style="white-space:pre">   </span>//Determino la funcion que se va a ejecutar cuando se obtiene la respuesta del servidor</div><div><span class="" style="white-space:pre">    </span></div>
<div><span class="" style="white-space:pre">    </span>xmlHttp.onredystatechange = updatePage;</div><div><span class="" style="white-space:pre">    </span></div><div><span class="" style="white-space:pre">   </span>//Envio la peticion</div>
<div><span class="" style="white-space:pre">    </span></div><div><span class="" style="white-space:pre">   </span>xmlHttp.send(null); -> <b> Vi en el modulo que aca se envia "nombre=?" + escape(nombre) no entendi esta parte googleando vi que tmb envian null</b></div>
<div><span class="" style="white-space:pre">    </span></div><div><span class="" style="white-space:pre">   </span>//Funcion que actualiza la pagina con la respuesta</div><div><span class="" style="white-space:pre"> </span></div>
<div><span class="" style="white-space:pre">    </span>function updatePage()</div><div><span class="" style="white-space:pre">      </span>{</div><div><span class="" style="white-space:pre">          </span>if(xmlHttp.readyState == 4)</div>
<div><span class="" style="white-space:pre">                    </span>{</div><div><span class="" style="white-space:pre">                          </span>if(codProv == "ar")</div><div><span class="" style="white-space:pre">                      </span> for(f=0;f< argentina.length();f++)</div>
<div><span class="" style="white-space:pre">                    </span>    {</div><div><span class="" style="white-space:pre">                      </span>      var op=document.createElement('option');</div><div><span class="" style="white-space:pre">                     </span>      var texto=document.createTextNode(argentina[f].firstChild.nodeValue);</div>
<div><span class="" style="white-space:pre">                    </span>      op.appendChild(texto);</div><div><span class="" style="white-space:pre">                       </span>      document.getElementById("provincias").appendChild(op);</div><div>
<br></div><div style><b>este for lo hago para agregar OPTION al select de las provincias que es lo que quiero que se cargue dinamicamente tmb lo encontre en un foro</b></div><div><span class="" style="white-space:pre">                  </span>    }</div>
<div><span class="" style="white-space:pre">                    </span>}</div><div><span class="" style="white-space:pre">  </span>}</div><div><br></div><div><br></div><div><br></div><div style>Gracias</div></div>