easy-ui中ajax请求,ajax怎么写代码,servlet怎么写代码获取数据?

下面是jsp代码,table用的是easy-ui框架。后端用的是servlet继承httpservlet。页面可以添加数据,但是不知道怎么写ajax请求,后端servlet怎么调用ajax请求。最好是讲一下业务流程!非常感谢!

img

img

img

img

img

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异步刷新