1.index.html
基本样式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>xxx</title>
<link rel="stylesheet" href="/lib/xxx/css/index.css">
<link rel="stylesheet" href="/css/index.css">
</head>
<body>
<div id="xxx">
....index
</div>
//引入库文件
<script src="/lib/bdjquery-min-1.6.4.js"></script>
//引入自己的库文件
//先导入jquery 的包,然后再导入base和index
<script src="/js/index.js"></script>
<Script src="/js/base.js"></Script>
<script src="/js/index.js"></script>
</body>
</html>
//index.js依赖base.js,base.js依赖jquery
2.ajax的基础语法
(1) 在base.js中书写
这里都是ajax的写法
//闭包是用来锁定作用域的
//$作为函数传进去,jquery作为函数传出来
//$是入口就,进来的$是什么,里面的$就是什么,不会发生改变
; (function ($) {
//写一个共性的url,共性的域,这里面单引号和双引号都行
const URL = 'http://localhost:8080/';
//ajax的请求一般有
//callback这个是自定义的回调函数
//当ajax拿到后台传回的数据要做什么,就需要用到回调函数
let ajax = function(url,method,param,callback){
//这个是一个函数,只有jquery才有
//base里面的ajax需要传一个参数,是一个json格式的对象,对象用{}表示
$.ajax({
//代表请求的类型,使用method传入
type:method,
//作为请求
url:URL+url,
//传参,param是json对象
data:param,
//指定dataType:json
dataType:"json",
//使用success函数进行
//success是回调函数
//回调函数的参数就是servlet要给的值
//sr
success:function(sr){
//sr的标准格式中,有err
if(sr.err){
//弹窗
alert('操作异常');
return;
}
//rtn中没有东西就什么也做不了
if(null==sr.rtn){
alert('操作失败');
return;
}
//否则就回调
callback(sr.rtn);
};
});
}
//就相当于java中public方法
//这边method就不需要了,已经定下了请求的方法式,是ajaxGet请求
this.ajaxGet = function(url,param,callback){
//method有固定的值GET
ajax(url,"GET",param,callback);
}
//Post
this.ajaxPost = function(url,param,callback){
ajax(url,"POST",param,callback);
}
})(jQuery);//jquery是出口
url:8080后面的字符串
method:请求的方式
param:请求需要提供的值,是json对象
$:是jquery这个包对外提供的内置对象,jquery是一个对象,而$是对这个对象的引用,引用可以有无数个,对象只能由一个