Как загрузить файл CSS через AJAX из другого домена? - PullRequest
Новая
       41

Как загрузить файл CSS через AJAX из другого домена?

2 голосов
/ 25 ноября 2010

Как использовать jQuery для загрузки файла css через ajax из другого домена?

И после загрузки перезвоните мне, чтобы я мог продолжить работу.

Ответы [ 2 ]

1 голос
/ 27 июня 2011

Если у вас есть доступ к серверу, который может выполнять серверный код, вы можете сделать что-то вроде этого:

Требования

  • Сценарий jQuery для вызова расположенного скребкана том же сервере
  • Язык на стороне сервера для обработки очистки URL-адресов (в данном случае используется PHP с curl)

PHP Scraper 

<?php

/**
 * Receives a url and optional callback, scrapes the url, and returns the results
 * @author Jason Featheringham
 * @link http://thejase.com
 */

/**
 * Retrieves a web page, including content, error and header information
 * @param string $url A web address to fetch
 * @return array The results of the screen scrape attempt
 */
function get_web_page( $url )
{
    $options = array(
        CURLOPT_RETURNTRANSFER => true,     // return web page
        CURLOPT_HEADER         => false,    // don't return headers
        CURLOPT_FOLLOWLOCATION => true,     // follow redirects
        CURLOPT_ENCODING       => "",       // handle all encodings
        CURLOPT_USERAGENT      => "spider", // who am i
        CURLOPT_AUTOREFERER    => true,     // set referer on redirect
        CURLOPT_CONNECTTIMEOUT => 120,      // timeout on connect
        CURLOPT_TIMEOUT        => 120,      // timeout on response
        CURLOPT_MAXREDIRS      => 10,       // stop after 10 redirects
    );

    $ch                         = curl_init( $url );
    curl_setopt_array( $ch, $options );
    $result                     = curl_getinfo( $ch );
    $result['content']          = curl_exec( $ch );
    $result['error']['number']  = curl_errno( $ch );
    $result['error']['message'] = curl_error( $ch );
    curl_close( $ch );

    return $result;
}

// either fetch web page or generate error message for result
$result = json_encode( ( $url = $_GET['url'] )
                     ? get_web_page( $url )
                     : Array( "error" => Array( "message" => "You must specify a url parameter." ) ) );

// if callback is specified, return JSONP result, otherwise just JSON
echo ( $callback = $_GET['callback'] )
     ? header("text/javascript")    ?: "$callback($result);"
     : header("application/json")   ?: $result;
?>

jQueryКод 

$.getJSON( "scraper.php?url=http://www.yahoo.com&callback=?", function(result) {
    if( result.error ) {
        // handle error
    }

    // otherwise, use the result object (usually result.content) as you see fit
    // ...
});
0 голосов
/ 25 ноября 2010

Вы не можете достичь этого из-за той же политики происхождения ограничений. Вместо того, чтобы использовать AJAX, почему бы не включить эти стили CSS с помощью тега <link>?

...