前端笔记
引入文件要使用到路径问题
./ 从工程根目录下寻址
../:返回上一目录
. /:从当前文件夹开始
例:引入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="width: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>