Question

我有css.php文件，它会在每个ajax调用中生成动态样式，但是如何在没有页面加载的情况下影响前端。例如，在css.php（.class1 {color：#ddd;} .class2 {color：#eee;}）中，实际上它将由php循环生成并从key和value的组合创建类。所以有可能使用ajax或jquery从php加载css内容，如果是，那么如何？

Answer 1

是的，这是可能的。你只需要：

将此样式添加到您的页面<head>部分<style></style>块
添加<link rel="stylesheet" type="text/css" href="css_script.php">

例如，第一个变体（使用jQuery）：

$.ajax({
    url: 'css_script.php',
    success: function(data) {
        $('#ajax-css').remove(); // Remove previous CSS
                                 // received by AJAX (if exists)

        var $styleElement = $('<style/>');
        $styleElement.attr('type', 'text/css');
        $styleElement.attr('id', 'ajax-css'); // ...so that we can find
                                              // and replace this element later
        $styleElement.html(data);
        $styleElement.appendTo($('head'));
    }
});

这里是 Fiddle.

从php文件动态加载css内容

1 个答案: