后端传回一个String类型的js脚本语句前端如何解析

最新推荐文章于 2025-05-24 21:02:57 发布

原创最新推荐文章于 2025-05-24 21:02:57 发布 · 4.3k 阅读

4 ·

CC 4.0 BY-SA版权

前后端的数据传输专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种在前端JavaScript中使用eval方法解析后端返回数据的方法，并通过具体示例展示了如何实现这一过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

解析方式

前端js中使用 eval(data) 解析返回数据，data为返回的字符串

后端代码

    /**
     * 测试返回js脚本 能否直接使用
     * @return
     */
    @GetMapping("/testString")
    @ResponseBody
    public String testString(){
        return "$(\"[name='name']\").val()=='一一'";
        //return false;
    }

前端代码

<html xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
      layout:decorator="layout">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="../static/jquery-3.2.1.min.js" th:src="jquery-3.2.1.min.js" ></script>
</head>
<body>
<input type="text" name="name" value="一一" /><br/>
<input type="button" id="button" value="测试" />

<script type="text/javascript">
    $("#button").click(function(){
        $.ajax({
            url:"/testString",
            type:"GET",
            success:function(data){
                console.log( eval(data)+"    "+data+"    "+$("[name='name']").val());
                if(eval(data)){
                    alert("成功");
                }else {
                    alert("失败");
                }
            }
        });
    })
</script>
</body>
</html>