BlogJava-penngo-随笔分类-javascript

php、js、java的正则替换文本方式制作模板内容输出

penngo — Wed, 16 Jan 2013 17:18:00 GMT

在制作模板内容输出时，很经常会使用<%=%>之类的占位符，用正则的方式很方便替换这个内容，工作中只接触到java、php、js，三种语言的简单的实现方式：
java版

import java.util.HashMap;
import java.util.Map;
import java.util.regex.Matcher;
import java.util.regex.Pattern;

public class TestRex {
    public static void main(String[] args) {
        Map map = new HashMap();
        map.put("name", "penngo");
        map.put("date", "2013-01-17");
        Pattern p = Pattern.compile("<%=(\\w+?)%>");
        String str = "<%=date%>, Hello <%=name%>";
        Matcher m = p.matcher(str);
        StringBuffer sb = new StringBuffer();
        boolean result = m.find();
        while (result) {
            String key = m.group(1);
            String value = map.get(key);
            m.appendReplacement(sb, value);
            result = m.find();
        }
        m.appendTail(sb);
        System.out.println(sb.toString());
    }
}

php版

    $data = array('name'=>'penngo', 'date'=>'2013-01-17');
    function replaceStr($key, $data){
        return $data[$key];
    }
    $str = '<%=date%>, Hello <%=name%>';
    $str = preg_replace("/<%=(\w+?)%>/ise", "replaceStr('\\1', \$data)", $str);
    echo $str;
?>

js版

    var date = {'name':'penngo', 'date':'2013-01-17'};
    var str = '<%=date%>, Hello <%=name%>';
    str = str.replace(/<%=(\w+?)%>/g, function($0, $1){
        var value = date[$1];
        return value;
    });
    document.write(str);

运行结果输出:

2013-01-17, Hello penngo

penngo 2013-01-17 01:18 发表评论

js日期处理类

penngo — Tue, 15 Jan 2013 17:15:00 GMT

摘要: 将平时自己写的和网上收集的一些日期处理方法整理成DateUtil.js Code highlighting produced by Actipro CodeHighlighter (freeware) http://www.CodeHighlighter.com/ -->/** * 日期处理工具类 */ var DateUtil =&nbs... 阅读全文

penngo 2013-01-16 01:15 发表评论

web三种跨域请求数据方法

penngo — Fri, 11 Jan 2013 05:19:00 GMT

以下测试代码使用php，浏览器测试使用IE9,chrome,firefox,safari

DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8">
    <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js">script>
    <script type="text/javascript" id="loadjson">script>
    <script type="text/javascript">
    // 第一种
    // test1.php在服务器设置请允许跨域(注意：IE9测试不通过)
    $.ajax({
           type: 'POST',
           url: 'http://127.0.0.1:8081/test/test1.php',
           data: 'name=penngo',
           dataType: 'json',
           success: function(msg){
              $('#json').html(JSON.stringify(msg));
           }
        });

    /*
    第二种JSONP：
    在客户端动态注册一个函数function test(data)，然后将函数名传到服务器，服务器返回一个test({json})到客户端运行,这样就调用客户端的function test(data),从而实现了跨域,jquery已经支持jsonp
    */
    // test2.php使用jsonp
    $.ajax({
           type: 'GET',
           url: 'http://127.0.0.1:8081/test/test2.php?callback=?',
           data: 'name=penngo',
           dataType: 'jsonp',
           success: function(msg){
              $('#jsonp').html(JSON.stringify(msg));
           }
        });

    /*
    第三种，原理与jsonp类似，web页面上调用js文件时不受跨域影响,
    只要利用