Tengo que cargar las provincias, están en un fichero .sql que cargo en el phpmyadmin, en un select
dentro de un formulario
.
El formulario tiene un select
son la siguiente información:
<tr>
<td align=right>Provincia:</td><td align=left colspan=3>
<select name="provincia" id="idprovincia">
<option value="-">Seleccione una Provincia...
</select>
</td>
</tr>
¿Cómo cargo mediante AJAX las provincias en el select?
He intentado lo siguiente pero me da el siguiente error, aunque creo que el código no es correcto:
jquery.js:18 XMLHttpRequest cannot load file:///D:/Javascript/OSMAR/provincias_exam.php. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.
Código intentado Javascript:
//Al cargar el documento...
$(document).ready(function(){
iniciar();
//Método 1.
// $.ajax({
// type: "GET",
// url: "provincias_exam.php",
// success: function (response){
// $("#idprovincia").html(response).fadeIn();
// }
// });
//Método 2.
//$("#idprovincia").load("provincias_exam.php");
});//fin ready
//Método 3.
var arrayProvincias = []; //array de objetos donde almacenaremos los datos de la consulta.
function iniciar(){
$.ajax({
url: 'provincias_exam.php',
dataType: 'json',
async: true, //Asíncrono
success: resultadoPeticion,
error: function(){
alert("Error en la petición a la base de datos");
}
});
}
//Llamamos a la función para imprimir resultados.
function resultadoPeticion(resultados){
var texto = "";
//Recorremos los valores con un for each.
$.each(resultados, function(indice, valor){
texto += valor.nom_prov;
arrayProvincias[arrayProvincias.length] = valor;
});
//Agregamos en el id "idprovincia" el valor que tenga la variable texto. (todas las provincias).
$("#idprovincia").html(texto);
//Imprimimos todas las provincias en el select.
rellenarSelect();
}
//Rellenamos el select con las provincias.
function rellenarSelect(){
var imprimir = "";
for (var i=0; i<arrayProvincias.length; i++){
imprimir += "<option value='"+i+"'>"+arrayProvincias[i].nom_prov+"</option>";
}
$("#idprovincia").html(imprimir);
}
Archivo necesarios externos para la carga de las provincias:
ComunidadesProvincias.sql
tabla comunidades
id_com | nom_com
1 | 'Euskadi'
2 |'Galicia'
3 |'Catalunya'
4 |'Andalucia'
5 | 'Castilla Leon'
6 | 'Castilla La MAncha'
la tabla provincias
id_prov`| `id_com`| `nom_prov`
1 | 1| 'Bizkaia'
2 | 1| 'Gipuzkoa'
3 | 1| 'Araba'
4 | 2| 'A Coruña'
5 | 2| 'Lugo'
6 | 2| 'Ourense'
7 | 2| 'Pontevdra'
8 | 3| 'Barcelona'
9 | 3| 'Tarragona'
10 | 3| 'Lleida'
11 | 3| 'Girona'
12 | 4| 'Almeria'
13 | 4| 'Cadiz'
14 | 4| 'Cordoba'
15 | 4| 'Granada'
16 | 4| 'Huelva'
conexion2.php:
<?
$dbserver = "nombre_servidor";
$dbuser = "usuario";
$password = "clave";
$dbname = "nombre_base_datos";
$con = new mysqli($dbserver, $dbuser, $password,$dbname);
if(!$con) {
echo "No se pudo conectar a la base de datos";
}
?>
provincias_exam.php:
<?php
include("conexion_2.php");
if(!$con) {
echo "No se pudo conectar a la base de datos";
}
$sql = "SELECT * FROM provincias";
$result = $con->query($sql);
$rowdata=array();
$i=0;
while ($row = $result->fetch_array())
{
$rowdata[$i]=$row;
$i++;
}
echo json_encode($rowdata);
?>
option
que representará a la provincia actual.///D:/Javascript/OSMAR/provincias_exam.php
php
desde un servidor apache? Donde están los archivos de su aplicación? Si es así verificar sus rutas, pareciera que no lo están por eso no se puede ejecutar el archivophp