下面是jsp代码,table用的是easy-ui框架。后端用的是servlet继承httpservlet。页面可以添加数据,但是不知道怎么写ajax请求,后端servlet怎么调用ajax请求。最好是讲一下业务流程!非常感谢!
https://blog.csdn.net/shfqbluestone/article/details/9335789
https://blog.csdn.net/shfqbluestone/article/details/9335789
ajax异步请求就那么几个参数和步骤 我举个注册账号的例子
// 注册登录
function regist() {
alert("我正在注册");
var user = {};
user.user_account = $("#user_account").val();
user.user_password = $("#user_password").val();
$.ajax({
type : "POST",//请求方式
url : "/user/regist",//请求url
async : true, //是否异步
contentType : "application/json",//参数类型 一般都是json了
data : JSON.stringify(user),//给后台传的数据
success : function(result) {//result是请求成功后 后台传过来的数据 一般也用json 我这里传了个Map<"msg",Object>;
console.log(result);
if (result["msg"] == "添加成功") {
alert("注册成功");
$(location).attr('href', 'http://localhost/login.html');//注册成功 跳转登录页
} else if (result["msg"] == "该用户已被注册")
alert(result["msg"]);
else {
alert("注册失败");
}
}
});
}
有服务器才能数据交流,你需要配置个tomcat服务器,然后可以看我的博客:Tomcat服务器,通过JQuery的Ajax方法访问Servlet实现前后端数据同步/异步交流(不必跳转或者刷新网页实现JSP前后端交互)https://blog.csdn.net/qq_52785473/article/details/122137771,希望对你有帮助
业务流程:
1、前端点击提交数据发起ajax请求
2、后端Servlet接收到请求,对参数进行处理
3、根据业务需求进行数据的相关操作
4、将数据操作的结果返回给前端
5、前端ajax请求接收到后端传回的数据进行处理
看你前端ajax请求对接收到的后端传回的数据进行解JSON处理,而第三张图后端是写了一个可变字符串给前端了,你需要把arrayResult转成JSON写给前端
框架,页面Ajax请求和没用easyui一样没关系
1、easy-ui应该只是涉及到前端的样式,不涉及业务;
2、ajax用来发起http请求,请求服务端的数据,并处理返回的数据,在页面进行显示;
3、服务端通过请求路径,匹配到相应的servlet;
4、在servlet中,通过request过去请求参数,处理后,通过response返回结果数据;
不懂吻度娘
servlet调前端ajax,这是什么操作?正确的是:ajax发起请求,请求进入servlet
请访问此链接:https://blog.csdn.net/shfqbluestone/article/details/9335789
首先你ajax是浏览器提供的一种与后端服务器(这里是你的servlet)进行数据交互的一种方式,与easy-ui无关,看你的代码里是使用jquery的ajax(基于原生ajax的一种封装,调用起来更方便)
$.ajax({
type : "POST",//http请求的方法(post,get,delete,put等等)
url : "/login",//请求的url地址,对应你的servlet的url-mapping(web.xml中有配置,如果用的注解@servlet(url=''))
async : true, //是否异步(默认是异步,ajax的全程就是async javascript and xml,主要就是异步数据提交)
contentType : "application/x-www-form-urlencoded",//提交数据的编码方式,默认是application/x-www-form-urlencoded,不懂的可以百度
data : {},//给后台传的数据
dataType: 'json',// 看你用的是‘text’,然后还得eval()转换成json对象,其实可以直接以json返回,使用时就是一个接送对象
success : function(result) {//result是请求成功后 后台传过来的数据 一般也用json 我这里传了个Map<"msg",Object>;
console.log(result);
}
});
当上面的代码被执行时,浏览器就会创建一个http连接到你的服务端(servlet),因为你用的post方法,所以servlet的doPost方法就会被调用,方法的参数request中就可以获取到请求的数据了,获取到请求的数据然后做你的业务处理,处理完成后返回数据,ajax的回调函数success里面的参数result就会获取到返回的数据了
直接使用jquery异步刷新