前端笔记

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

　　　./ 从工程根目录下寻址

　　　../：返回上一目录

.　　　/：从当前文件夹开始

　　例：引入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>