javascript - jQuery+ajax jquery-1.11.3.min.js :5 XMLHttpRequest cannot load

Question

我正在向本地主机服务器发出 $.ajax async:false 响应，但出现此错误:

jquery-1.11.3.min.js:5 XMLHttpRequest cannot load http://localhost:8001/academialopedevega/get/get_alumnos_leen_novedades.php?idAlumno=10&idAsignatura=1. Request header field Content-Type is not allowed by Access-Control-Allow-Headers in preflight response.

当我将 URL 粘贴到新选项卡中时，它工作正常并返回 json。

这是 JavaScript 代码:

function novedades(){
$("#contenido").empty();

console.log( url );
    $.getJSON(url, function (data) {
        console.log(data);
        if(data.success==0){
            $("#contenido").append('<p>Aun no te has matriculado en ninguna asignatura.</p>');
        }else{
            $("#contenido").append('<ul id="asignaturas" data-role="listview" data-icon="false" data-theme="d">');


        }
    });

        var url="http://192.168.1.108:8001/academialopedevega/get/get_oferta_usuario.php?idUsuario="+localStorage.getItem('idConectado');
    $.ajax({
        async: false,
        type: "POST",
        url: url,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (data) {
            $.each(data.asignatura,function(a,b){
                console.log(b);
                idA = b.idA;
                nombreA = b.nombre;
                horasA = b.horas;
                tipoA = b.tipo;

                url2='http://localhost:8001/academialopedevega/get/get_alumnos_leen_novedades.php?idAlumno='+localStorage.getItem('idConectado')+'&idAsignatura='+idA;
                $.ajax({
                    async: false,
                    type: "POST",
                    url: url2,
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (data2) {
                        $.each(data2,function(c,d){
                            cuenta=d.cuenta;

                            $("#asignaturas").append('<li class="botonMenu titulos"><a href="#">'+nombreA+'<span class="ui-li-count ui-btn-up-c ui-btn-corner-all">'+cuenta+'</span></a></li></ul>');
                            $("#contenido").append("</ul>");
                            $("#asignaturas").listview();
                            $("#asignaturas").listview('refresh'); 
                        })
                    }
                })
            })
        }
    });


    $("#mipanel").panel("close");
   }

这是 PHP 代码:

<?php
header('Access-Control-Allow-Origin: *');
$respuesta=array();

require_once __DIR__ . '/../db_connect.php';

// connecting to db
$db = new DB_CONNECT();

//Recibe los parametros:
/*
$alumnos_id = El id del usuario
$asignaturas_id = El id de la asignatura
$nota = La nota del alumno
*/

if(isset($_GET['idUsuario'])){
$idUsuario=$_GET['idUsuario'];


//Query para insertar

        $resultado_asignaturas=mysql_query('select * from asignaturas inner join oferta_educativa_tiene_asignaturas on oferta_educativa_tiene_asignaturas.asignaturas_id=asignaturas.id inner join oferta_educativa_tiene_alumnos on oferta_educativa_tiene_alumnos.oferta_educativa_tiene_asignaturas_asignaturas_id=oferta_educativa_tiene_asignaturas.asignaturas_id where oferta_educativa_tiene_alumnos.alumnos_usuarios_id='.$idUsuario.' group by id');
        if (mysql_num_rows($resultado_asignaturas) > 0) {

            $respuesta['asignatura'] = array();

            while ($fila_oferta = mysql_fetch_array($resultado_asignaturas)) {

            //Anuncio
            $idA = $fila_oferta['id'];
            $nombreA = $fila_oferta["nombre"];
            $horasA = $fila_oferta["horas"];
            $tipoA = $fila_oferta["tipo"];
            $cursoA = $fila_oferta["curso"];

            $asignatura = array('idA' => $idA, 'nombre' => $nombreA, 'horas' => $horasA, 'tipo' => $tipoA, 'curso' => $cursoA);

            array_push($respuesta["asignatura"], $asignatura);
        }
// success
$respuesta["success"] = 1;

echo json_encode($respuesta);
}else{
    // no hay
    $respuesta["success"] = 0;
    $respuesta["message"] = "No se ha encontrado nada :(";

    echo json_encode($respuesta);
}
}
else{
    echo 'Introduce los campos';
}

?>

如果我使用其他版本的 jQuery，jQuerymobile 就无法正常工作。

Answer 1

检查您的请求 URL。它与您的浏览器位于同一域吗？您可以从 192.168.1.108:8001 和 localhost:8001 中选择一个域使用，但不要混合使用。