Ajax和JSON

最新推荐文章于 2024-04-25 23:25:03 发布

Java-请多指教

最新推荐文章于 2024-04-25 23:25:03 发布

阅读量737

点赞数

分类专栏： javaweb 文章标签： java

本文链接：https://blog.csdn.net/wuzj1314/article/details/123638712

版权

javaweb 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

1.Ajax介绍

概念：Ajax(Asynchronous JavaScript And XML)：异步的JavaScrip和XML。

AJAX作用：

1.与服务器进行数据交换：通过AJAX可以给服务器发送请求，并获取服务器响应的数据。

使用了AJAX和服务器进行通信，就可以使用HTML+AJAX来替换JSP页面。

HTML+AJAX前端负责---------------servlet后面后端负责

如果使用JSP就做不到前后端分离

2.异步交互：可以在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页的技术。

如百度搜索

如用户名是否可用校验，输入完用户名光标离开就校验。

简单来说，比如你登录时，点提交后，浏览器地址会转圈圈刷新，这个刷新的时候，你是执行不了其他的操作的，这就是同步。

异步就是浏览器后台悄悄地向服务器发送请求，用户是不知道的，客户端是可以执行其他操作的。

2.Ajax快速入门

后端

@WebServlet("/ajaxServlet")

public class AjaxServlet extends HttpServlet {

    @Override

    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

        doPost(req, resp);

    }

    @Override

    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

        //响应数据

        resp.getWriter().write("hello，Ajax");

    }

}

前端

去www.w3school.com.cn网站上找下Ajax代码

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>测试Ajax</title>

</head>

<body>

<script>

    //1.创建核心对象

    var xhttp;

    if (window.XMLHttpRequest) {

        xhttp = new XMLHttpRequest();

    } else {

        // code for IE6, IE5

        xhttp = new ActiveXObject("Microsoft.XMLHTTP");

    }

    //2.发送请求

    xhttp.open("GET", "http://localhost:8080/study/ajaxServlet", true);//中间服务器文件位置，写绝对路径

    xhttp.send();

    //3.获取响应

    xhttp.onreadystatechange = function () {

        if (this.readyState == 4 && this.status == 200) {

            alert(this.responseText);

        }

    };

</script>

</body>

</html>

3.Axios

4.Json

javascript对象和json对象区别就在json格式严格，键必须双引号。

public class UserBean {

    private int userid;

    private String username;

    private  String useraddress;



    public int getUserid() {

        return userid;

    }



    public void setUserid(int userid) {

        this.userid = userid;

    }



    public String getUsername() {

        return username;

    }



    public void setUsername(String username) {

        this.username = username;

    }



    public String getUseraddress() {

        return useraddress;

    }



    public void setUseraddress(String useraddress) {

        this.useraddress = useraddress;

    }



    @Override

    public String toString() {

        return "UserBean{" +

                "userid=" + userid +

                ", username='" + username + '\'' +

                ", useraddress='" + useraddress + '\'' +

                '}';

    }

}





public class Main {

    public static void main(String[] args) {

        UserBean userBean = new UserBean();

        userBean.setUserid(1);

        userBean.setUsername("张三");

        userBean.setUseraddress("西安");



        //java对象转换成Json对象

        String jsonString = JSON.toJSONString(userBean);

        System.out.println(jsonString);

//{"useraddress":"西安","userid":1,"username":"张三"}



        //将json对象转换成java对象

        UserBean userBean1 = JSON.parseObject("{\"useraddress\":\"西安\",\"userid\":1,\"username\":\"张三\"}", UserBean.class);

        System.out.println(userBean1);

//UserBean{userid=1, username='张三', useraddress='西安'}



    }

}

Java-请多指教

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
Ajax和JSON

1.Ajax介绍概念：Ajax(Asynchronous JavaScript And XML)：异步的JavaScrip和XML。AJAX作用： 1.与服务器进行数据交换：通过AJAX可以给服务器发送请求，并获取服务器响应的数据。使用了AJAX和服务器进行通信，就可以使用HTML+AJAX来替换JSP页面。HTML+AJAX前端负责---------------servlet后面后端负责如果使用JSP就做不到前后端分离2...
复制链接

扫一扫