优化:使用 ajax 加载内容

Optimization: Loading content using ajax

本文关键字:加载 ajax 使用 优化      更新时间:2023-09-26

我想听听你对使用 ajax 优化内容加载的想法。接下来,我将提出几种方法,并提出我对每种方法的看法。

  • 直接加载html - 这允许轻松加载内容,无需太多进一步的计算。更适合不受用户操作影响的内容或包含应定期更新的部分的内容
  • 从服务器获取 json 对象 - 似乎是在 json 对象中包含页面内容的好方法。允许通过将当前值与新对象进行比较来仅修改某些零件
  • 按部分(块)加载 - 似乎是最难更新的方式。您必须知道哪个部分已更改以及在哪里加载它(对应该更改/更新的节点的特定 dom 访问权限)。此外,从计算的角度来看,似乎比获取 json 对象并"手动"创建标签或拥有我们加载数据的模板更容易做到

那么,您如何看待每种方法?随意提出新方法!

我在企业软件领域工作(仅仅是顾问,而不是开发人员;)),我已经多次看到第三种方法被广泛使用,因为它在页面的动态性方面更灵活。

除此之外,从仅更新某些部分的角度来看,前两种方法似乎并不引人注目:即使在第二种情况下(使用 JSON),您也必须比较两个页面片段,我认为这是一种幼稚的方法(而且恐怕不是那么可行)。

但是您的问题缺少一些重要信息,例如您用于生成页面的内容。在第一种情况下,这不太重要,因为您只是生成一个字符串(其中包含页面代码),但是如果您的 AJAX 加载代码干扰您正在使用的 HTML 模板引擎,则在第三种情况下可能会变得一团糟。

我希望这有所帮助,如果需要,请在问题中添加更多信息!

我将内容分为3个部分。

  1. HTML,而不是数据库缓存和 ajax
  2. 数据库缓存,而不是 AJAX(内容更改周期是周期性的)
  3. 数据库缓存和 AJAX(高数据库操作时间)

如果页面很慢,请分析它并更改为 2 或 3。在使用 ajax 内容加载之前,您必须分析页面访问速度和数据库负载。

对于数据库缓存,我传递函数和参数。

$c1 = db_cache("main_top_naver_cache", 300, "naver_popular('naver_popular', 4)");
db_cache - php function(my own)
main_top_naver_cahce : cache name
300 : cache duration
naver('naver_popular',4) : php function and arguments

这段代码是我的 Ajax 内容加载方法。 非常简单。

链接

考虑ajax加载方法很多年了,上个月我得到了非常简单的代码。试试我的 Ajax 内容加载代码。

<div id='main_b'>
// codes for ajax content loading...
// enter this code at the end of program.
// your home page is boosted.
<?
function remove_nr($str) {
$reg_e = array('/'n/', '/'r/', '/'"/', "/<'/script>/i"); 
$reg_p = array(' ', ' ', '''"', "<'/SCRIPT>"); 
return preg_replace($reg_e, $reg_p, $str);
}
?>
<script type="text/javascript">
$("#main_b").html( " <? echo remove_nr(db_cache("main_top_naver_cache", 300, "naver_popular('naver_popular', 4)"))?> " );
</script>

和我的db_cache代码。你可以分析一下。

function db_cache($c_name, $seconds=300, $c_code) {
    global $g4;
    $result = sql_fetch(" select c_name, c_text, c_datetime from $g4[cache_table] where c_name = '$c_name' ");
    if (!$result) {
        // 시간을 offset 해서 입력 (-1을 해줘야 처음 call에 캐쉬를 만듭니다)
        $new_time = date("Y-m-d H:i:s", $g4['server_time'] - $seconds - 1);
        $result['c_datetime'] = $new_time;
        sql_query(" insert into $g4[cache_table] set c_name='$c_name', c_datetime='$new_time' ");
    }
    $sec_diff = $g4['server_time'] - strtotime($result['c_datetime']);
    if ($sec_diff > $seconds) {
        // $c_code () 안에 내용만 살림 
        $pattern = "/[()]/";
        $tmp_c_code = preg_split($pattern, $c_code);
        // 수행할 함수의 이름
        $func_name = $tmp_c_code[0];
        // 수행할 함수의 인자
        $tmp_array = explode(",", $tmp_c_code[1]);
        if ($func_name == "include_once" || $func_name == "include") {
            ob_start();
            include($tmp_array[0]);
            $c_text = ob_get_contents();
            ob_end_clean();
        } else {
        // 수행할 함수의 인자를 담아둘 변수
        $func_args = array();
        for($i=0;$i < count($tmp_array); $i++) {
            // 기본 trim은 여백 등을 없앤다. $charlist = " 't'n'r'0'x0B"
            $tmp_args = trim($tmp_array[$i]);
            // 추가 trim으로 인자를 넘길 때 쓰는 '를 없앤다
            $tmp_args = trim($tmp_args, "'");
            // 추가 trim으로 인자를 넘길 때 쓰는 "를 없앤다
            $func_args[$i] = trim($tmp_args, '"');
        }
        // 새로운 캐쉬값을 만들고
        $c_text = call_user_func_array($func_name, $func_args);
        }
        // db에 넣기전에 slashes들을 앞에 싹 붙여 주시고
        $c_text1 = addslashes($c_text);
        // 새로운 캐쉬값을 업데이트 하고
        sql_query(" update $g4[cache_table] set c_text = '$c_text1', c_datetime='$g4[time_ymdhis]' where c_name = '$c_name' ");
        // 새로운 캐쉬값을 return (slashes가 없는거를 return 해야합니다)
        return $c_text;
    } else {
        // 캐쉬한 데이터를 그대로 return
        return $result['c_text'];
    }
}

我运营数据库密集型网站 450,000 页/天在 5 岁的 Web 服务器上提高速度使用IS代码和许多其他MySQL技巧。我的网络服务器有 1 个 CPU/4 核、内存 12G、2 个 SATA 硬盘/RAID 1。