创建项目和HTML页面进行代码测试JSON

最新推荐文章于 2024-07-02 05:39:36 发布

weixin_46082140

最新推荐文章于 2024-07-02 05:39:36 发布

阅读量320

点赞数

文章标签： json html javascript

本文链接：https://blog.csdn.net/weixin_46082140/article/details/126860384

版权

该博客以SpringBoot项目为例，指导如何在`src/main/webapp`下创建HTML页面来测试JavaScript代码。通过添加`webapp`文件夹并编写趣味代码展示了如何扒取百度搜索源码。同时，讨论了Controller如何发送请求并接收JSON响应，提到了Jackson和Fastjson作为主要的JSON转换工具。文中详细介绍了引入Jackson依赖、创建实体和Controller的方法，并利用`@ResponseBody`注解处理JSON字符串返回。

摘要由CSDN通过智能技术生成

选用springboot项目为例,在src/main下创建webapp文件夹,在下面创建HTML页面进行js代码测试
如何生成webapp文件夹? 点击–>创建webapp文件夹

在这里插入图片描述


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<script type="text/javascript">
    //编写一个JS对象
    var user={
   
        name:"魏一鹤",
        age:23,
        sex:"男"
    };
    //输出一个这个JS对象
    console.log(user);//{age: "23",name: "魏一鹤",sex: "男"}
    //将JS对象转换为JSON字符串
    var json = JSON.stringify(user);
    console.log(json)//{"name":"魏一鹤","age":"23","sex":"男"}
    //将JSON字符串转换为JS对象
    var js=JSON.parse(json);
    console.log(js);
</script>

</body>
</html>

趣味代码扒百度源码

在这里插入图片描述

https://sp1.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su#
后面加上wd参数就是我们输入的内容和请求结果
https://sp1.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=123#

在这里插入图片描述
和我们在网页搜索框输入动态变化是类似的

最低0.47元/天解锁文章

weixin_46082140

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
创建项目和HTML页面进行代码测试JSON

选用springboot项目为例,在src/main下创建webapp文件夹,在下面创建HTML页面进行js代码测试如何生成webapp文件夹?点击–>创建webapp文件夹趣味代码扒百度源码后面加上wd参数就是我们输入的内容和请求结果wd=123#和我们在网页搜索框输入动态变化是类似的。
复制链接

扫一扫