zoukankan      html  css  js  c++  java
  • 自己初学时的随笔记录

    如果富文本编辑器 jsp....文件可以找到但是就是显示不出来,可能是Controller控制器中@RequestMapping后边没有写路径

    ----------------------------------------------------------------------------------------------------------------------------




    iframe框架内的页面如果要想不覆盖或者成为一个有机整体,需要在<a></a>连接到的jsp页面中的body标签里加上class="framebody"属性

    ----------------------------------------------------------------------------------------------------------------------------


    myBatis 注解 动态sql
    @Select("<script> select * from t_visit where 1=1 <if test=\'param2 !=null \'>and visit_time = #{param2} </if>"
    + "<if test=\'param3 !=null \'> and is_register = #{param3} </if> "
    + " </script>")

    ---------------------------------------------------------------------------------------------------------------------------
    sql查询分组后的记录总条数:
    select count(*) from (select visit_url from t_visit group by visit_url) e
    一定要起别名

    ${}和#{}传值
    #{}是后期替换防止sql注入
    ${}是前期替换
    能用#{}就不要用${}
    但是要注意
    mybaties排序时使用order by 动态参数时需要注意,使用${}而不用#{};

    -----------------------------------------------------------------------------------------------------------------------------------
    分页:

    <c:if test="${pages.currentPage==1}">
    <span>上一页</span>
    </c:if>
    <c:if test="${pages.currentPage!=1}">
    <a
    href="?currentPage=${pages.currentPage-1}&isRegister=${param.isRegister}&visitTime=${param.visitTime}"><span>上一页</span></a>
    </c:if>
    <c:if test="${pages.currentPage==pages.totalPageSize}">
    <span>下一页</span>
    </c:if>
    <c:if test="${pages.currentPage!=pages.totalPageSize}">
    <a
    href="?currentPage=${pages.currentPage+1}&isRegister=${param.isRegister}&visitTime=${param.visitTime}"><span>下一页</span></a>
    </c:if>

    <span>共${pages.totalPageSize}页-----</span> <span>当前第${pages.currentPage}页&nbsp;&nbsp;</span>
    <span>前往至第 <select name="cpg" id="cpg"
    onchange="jumpPage();">
    <c:forEach begin="1" end="${pages.totalPageSize}" var="page">
    <option value="${page}">${page}</option>
    </c:forEach>
    </select> 页
    </span>

    function jumpPage() {
    var jumpPage = $('#cpg').val();

    window.location.href = "${BasePath}/visit/recordPageCount.do?currentPage="
    + jumpPage;

    }


    ------------------------------------------------------------------------可爱的分割线-------------------------------------------------------------------
    /**
    * 从淘宝IP获取IP信息
    *
    * @param ip
    * @return country:国家 region:省份 city:城市 isp:运营商
    *//*


    String url = "http://ip.taobao.com/service/getIpInfo.php?ip=183.198.228.120";
    Document doc = Jsoup.connect(url).ignoreContentType(true).timeout(500000).get();
    String divs = doc.select("body").text();


    --------------------------------------------------------------------------------------------------------------------------------------------------------------

    * websocket 传统的http无状态,websocket全双工。比传统的socket简单的多。
    * canvas 画布。柱状图、饼状图;地图;网页游戏;
    * 浏览器端的存储空间 LocalStorage。
    * 普通理解的,页面更漂亮了,标签更丰富。


    $.ajax()方法详解

    jquery中的ajax方法参数总是记不住,这里记录一下。

    1.url:
    要求为String类型的参数,(默认为当前页地址)发送请求的地址。

    2.type:
    要求为String类型的参数,请求方式(post或get)默认为get。注意其他http请求方法,例如put和delete也可以使用,但仅部分浏览器支持。

    3.timeout:
    要求为Number类型的参数,设置请求超时时间(毫秒)。此设置将覆盖$.ajaxSetup()方法的全局设置。

    4.async:
    要求为Boolean类型的参数,默认设置为true,所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为false。注意,同步请求将锁住浏览器,用户其他操作必须等待请求完成才可以执行。

    5.cache:
    要求为Boolean类型的参数,默认为true(当dataType为script时,默认为false),设置为false将不会从浏览器缓存中加载请求信息。

    6.data:
    要求为Object或String类型的参数,发送到服务器的数据。如果已经不是字符串,将自动转换为字符串格式。get请求中将附加在url后。防止这种自动转换,可以查看  processData选项。对象必须为key/value格式,例如{foo1:"bar1",foo2:"bar2"}转换为&foo1=bar1&foo2=bar2。如果是数组,JQuery将自动为不同值对应同一个名称。例如{foo:["bar1","bar2"]}转换为&foo=bar1&foo=bar2。

    7.dataType:
    要求为String类型的参数,预期服务器返回的数据类型。如果不指定,JQuery将自动根据http包mime信息返回responseXML或responseText,并作为回调函数参数传递。可用的类型如下:
    xml:返回XML文档,可用JQuery处理。
    html:返回纯文本HTML信息;包含的script标签会在插入DOM时执行。
    script:返回纯文本JavaScript代码。不会自动缓存结果。除非设置了cache参数。注意在远程请求时(不在同一个域下),所有post请求都将转为get请求。
    json:返回JSON数据。
    jsonp:JSONP格式。使用SONP形式调用函数时,例如myurl?callback=?,JQuery将自动替换后一个“?”为正确的函数名,以执行回调函数。
    text:返回纯文本字符串。

    8.beforeSend:
    要求为Function类型的参数,发送请求前可以修改XMLHttpRequest对象的函数,例如添加自定义HTTP头。在beforeSend中如果返回false可以取消本次ajax请求。XMLHttpRequest对象是惟一的参数。
    function(XMLHttpRequest){
    this; //调用本次ajax请求时传递的options参数
    }
    9.complete:
    要求为Function类型的参数,请求完成后调用的回调函数(请求成功或失败时均调用)。参数:XMLHttpRequest对象和一个描述成功请求类型的字符串。
    function(XMLHttpRequest, textStatus){
    this; //调用本次ajax请求时传递的options参数
    }

    10.success:要求为Function类型的参数,请求成功后调用的回调函数,有两个参数。
    (1)由服务器返回,并根据dataType参数进行处理后的数据。
    (2)描述状态的字符串。
    function(data, textStatus){
    //data可能是xmlDoc、jsonObj、html、text等等
    this; //调用本次ajax请求时传递的options参数
    }

    11.error:
    要求为Function类型的参数,请求失败时被调用的函数。该函数有3个参数,即XMLHttpRequest对象、错误信息、捕获的错误对象(可选)。ajax事件函数如下:
    function(XMLHttpRequest, textStatus, errorThrown){
    //通常情况下textStatus和errorThrown只有其中一个包含信息
    this; //调用本次ajax请求时传递的options参数
    }

    12.contentType:
    要求为String类型的参数,当发送信息至服务器时,内容编码类型默认为"application/x-www-form-urlencoded"。该默认值适合大多数应用场合。

    13.dataFilter:
    要求为Function类型的参数,给Ajax返回的原始数据进行预处理的函数。提供data和type两个参数。data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。
    function(data, type){
    //返回处理后的数据
    return data;
    }

    14.dataFilter:
    要求为Function类型的参数,给Ajax返回的原始数据进行预处理的函数。提供data和type两个参数。data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。
    function(data, type){
    //返回处理后的数据
    return data;
    }

    15.global:
    要求为Boolean类型的参数,默认为true。表示是否触发全局ajax事件。设置为false将不会触发全局ajax事件,ajaxStart或ajaxStop可用于控制各种ajax事件。

    16.ifModified:
    要求为Boolean类型的参数,默认为false。仅在服务器数据改变时获取新数据。服务器数据改变判断的依据是Last-Modified头信息。默认值是false,即忽略头信息。

    17.jsonp:
    要求为String类型的参数,在一个jsonp请求中重写回调函数的名字。该值用来替代在"callback=?"这种GET或POST请求中URL参数里的"callback"部分,例如{jsonp:'onJsonPLoad'}会导致将"onJsonPLoad=?"传给服务器。

    18.username:
    要求为String类型的参数,用于响应HTTP访问认证请求的用户名。

    19.password:
    要求为String类型的参数,用于响应HTTP访问认证请求的密码。

    20.processData:
    要求为Boolean类型的参数,默认为true。默认情况下,发送的数据将被转换为对象(从技术角度来讲并非字符串)以配合默认内容类型"application/x-www-form-urlencoded"。如果要发送DOM树信息或者其他不希望转换的信息,请设置为false。

    21.scriptCharset:
    要求为String类型的参数,只有当请求时dataType为"jsonp"或者"script",并且type是GET时才会用于强制修改字符集(charset)。通常在本地和远程的内容编码不同时使用。

    案例代码:
    复制代码

    $(function(){
    $('#send').click(function(){
    $.ajax({
    type: "GET",
    url: "test.json",
    data: {username:$("#username").val(), content:$("#content").val()},
    dataType: "json",
    success: function(data){
    $('#resText').empty(); //清空resText里面的所有内容
    var html = '';
    $.each(data, function(commentIndex, comment){
    html += '<div class="comment"><h6>' + comment['username']
    + ':</h6><p class="para"' + comment['content']
    + '</p></div>';
    });
    $('#resText').html(html);
    }
    });
    });
    });


    @ResponseBody
    @RequestMapping(value="/getCity.do")
    public String getCity(Integer parentId){
    System.out.println("到了");
    System.out.println("我是市,我的爸爸是:"+parentId);
    List<Map<String,Object>> citys = visitService.getCity(parentId);
    Gson g=new Gson();
    String str = g.toJson(citys);
    System.out.println(str);
    /*System.out.println(citys.toString());*/
    return str;
    }


    要想使用Gson必须在pom.xml中配置依赖

    <dependency>
    <groupId>com.google.code.gson</groupId>
    <artifactId>gson</artifactId>
    <version>2.8.0</version>
    </dependency>


    ----------------------------------------------------------------------------------------------------------------------

    $("#aaaa").click(function(){
    alert('11111');
    if(this.checked){
    $("input[type='checkbox']").prop("checked",true);
    }else{
    $("input[type='checkbox']").prop("checked",false);
    }
    alert(this.checked);
    });


    全选框

    ------------------------------------------------------------------------------------------------------------------------
    function getCity() {
    var cityId = $('#province').val();
    alert(cityId);
    if(cityId==""){
    $("#city option:gt(0)").remove();
    return;
    }
    var url = '${BasePath}/visit/getCity.do';
    $.ajax({
    url:url,
    data:{parentId:cityId},
    datatype:'json',
    type:'post',
    success:function(result){
    /* alert("开始联动"); */
    var n = eval(result);
    alert(result);
    for(var i =0; i<n.length;i++){
    alert('+++++');
    $("#city").append("<option value='"+n[i].noid+"'>"+n[i].area_info_name+"</option>");
    }

    },
    error:function(XmlHttpRequest,textStatus,errorThrown){
    alert("联动失败了");
    }
    });

    }

  • 相关阅读:
    cuda thrust函数首次调用耗费时间比后续调用长原因
    poj2823/hdu3415
    hiho1515
    hiho147周
    hdu1864/2844/2159 背包基础题
    qt + opencv
    Matlab函数编译成dll供c调用
    无处不在的编程思想
    五步使用法——搞定XMLHttpRequest
    AJAX与传统Web开发比较
  • 原文地址:https://www.cnblogs.com/fengwenzhee/p/6882732.html
Copyright © 2011-2022 走看看