封装js部分
//公共url
var baseUrl='http://localhost:8080/'
//公共ajax封装
function ajaxjFn(url,data,successFn,errorFn){
$.ajax({
type:'post',
dataType:'json',
data:data,
url:baseUrl+url,
async:false,//异步
timeout:10000,//超时时间10s
success:function(data){
successFn(data)
},
error:function(error){
errorFn(error)
}
})
}
页面调用部分
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ajax封装调用</title>
</head>
<body>
<form>
姓名<input type="text" name="name">
用户名<input type="text" name="username">
密码<input type="text" name="password">
<input type="button" id="btn" value="确认">
</form>
<script src="jquery-3.5.1.min.js"></script>
<script src="baseAjax.js"></script>
<script>
$(function(){
$("#btn").click(function(){
var data=$('form').serialize();
ajaxjFn(url,data,function(successData){
console.log('daasl',data);
},
function(err){
console.log(err);
}
)
})
})
</script>
</body>
</html>