前端笔记

引入文件要使用到路径问题

   ./ 从工程根目录下寻址

   ../:返回上一目录

.   /:从当前文件夹开始

  例:引入jq      src="../js/easyui/jquery.min.js"

jq的点击事件的使用

  <script type="text/javascript">
    $(function(){
      $("#ff").click(function(){
      alert("nihao");
    });
  </script>

jq的ajax事件的使用


    $(function(){
      console.log("page load complete");
      doGetObjects();
    });
  
    function doGetObjects(){
      var params="pageCurrent=1";
      var url="doFindPageObjects.do";
      $.ajax({
         data:params,
           url:url,
         success:function(result){//JsonResult
         console.log(result);
         doHandleResponseResult(result);
         }
        });
      }

jq的ajax提交账号密码

    function doLogin(){
      var params={
        username:$("#usernameId").val(),
        password:$("#passwordId").val()
      }
      var url="";//定义ajax请求的后台url
    console.log("params",params);
    $.post(url,params,function(result){
      success:function(result){//后台返回的json串 result可以随意定义,都是规定的结果集
         //编写需要返回的结果
         },

      error:function(){ alert('网络错误,请稍后再试!'); }  

    });
  }

 富文本编辑器的使用

 

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="/js/kindeditor-4.1.10/themes/default/default.css" type="text/css" rel="stylesheet">
<script type="text/javascript" charset="utf-8" src="/js/kindeditor-4.1.10/kindeditor-all-min.js"></script>
<script type="text/javascript" charset="utf-8" src="/js/kindeditor-4.1.10/lang/zh_CN.js"></script>
<script type="text/javascript" charset="utf-8" src="/js/jquery-easyui-1.4.1/jquery.min.js"></script>

<div class="cardbg">
<h6 class="title-inner text-uppercase">富文本编辑器</h6>
<div class="chart-wrapper">

<textarea style="700px;height:350px" id="editor" name="content"></textarea>
</div>
</div>
<script type="text/javascript">
KindEditor.ready(function(K) {
editor = K.create('textarea[name="content"]', {
});
});

</script>
原文地址:https://www.cnblogs.com/xiaoshazi/p/13260498.html