Estoy usando wordpress y php junto con ajax para crear una carga aleatoria de reseñas de clientes en nuestra página principal
function loadContent() { $.ajax({ type: "GET", url: 'http://skillsetsonline.ssosv.com/contentLoader.php', data: { company: 1 }, success: function(data) { alert(data); var currReview = document.getElementById('reviewRand'); currReview.innerHTML = data; } }); } setTimeout(loadContent, 10000); // milliseconds, so 10 seconds = 10000ms <div id="reviewRand" class="elementToFadeInAndOut" style="font-color:#FFF;">Hi how are you</div>Pegué el comando ajax de una publicación de stackoverflow que fue una respuesta aceptada, pero es posible que no la tenga exactamente correcta. Esto no incluye el código CSS que se desvanece que uso, pero funciona. Solo necesito cambiar el contenido. Actualmente, "Hola, cómo estás" se desvanece cada 10 segundos. Una cosa que aún no he aprendido con este comando ajax es el
datos:{empresa:1}
Sé que simplemente pasa &company=1 a la URL GET pero en mi caso no necesito enviar nada y dado que no debería romper nada si se envía, lo dejé solo, no estoy seguro si
datos:{}
funcionaría y sería más limpio He verificado que la URL utilizada recibe una revisión aleatoria con este formato
I love this program.blah blah.<br> A USER<br> A location<br> June 2016<br>Cada línea está formateada en CSS a través de una etiqueta de clase
Cualquier idea sería muy apreciada
Dado que el dominio al que está realizando la solicitud AJAX se encuentra en un dominio/origen diferente, lo que está encontrando es un problema de CORS. De manera predeterminada, el cliente no le permitirá actualizar la página con datos de una solicitud AJAX que se entrega en un origen diferente al sitio donde se originó la solicitud. Puede leer sobre cómo hacer cambios CORS aquí https://enable-cors.org/
Una forma común de evitar esto es servir la respuesta a través de JSONP. Puede hacer esto en su secuencia de comandos en http://skillsetsonline.ssosv.com/contentLoader.php si tiene acceso para cambiar ese archivo. También hay sitios de terceros que solicitarán esa URL por usted y crearán un proxy que entrega la respuesta a través de JSONP, luego puede usarla en su sitio web.
Aquí hay un ejemplo que utiliza un proxy JSONP en https://crossorigin.me
function loadContent() { $.ajax({ type: "GET", url: 'https://crossorigin.me/http://skillsetsonline.ssosv.com/contentLoader.php', success: function(data) { var currReview = document.getElementById('reviewRand'); currReview.classList.add('ready'); currReview.innerHTML = data; } }); } setTimeout(loadContent, 0); /* changed this for the demo */ #reviewRand:not(.ready) { text-align: center; } <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="reviewRand"><img src="http://thinkfuture.com/wp-content/uploads/2013/10/loading_spinner.gif"></div>