语法错误：缺少；在声明之前[重复]答案

【问题标题】：SyntaxError: missing ; before statement [duplicate]语法错误：缺少；在声明之前[重复]
【发布时间】：2016-10-26 07:44:53
【问题描述】：

我想构建一个 Java Web 应用程序，在这个页面中我有一个 JSP 页面，当这个页面被加载时它会给出以下错误：

SyntaxError: missing ; before statement

我的 JSP 页面代码如下：

<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Organization</title>
<link rel="stylesheet" href="css/jquery-ui.css">
<script src="js/jquery-1.12.4.js"></script>
<script src="js/jquery-ui.js"></script>
<script>
    $(function() {
        alert("Inside1");
        var reqStatus = '${orgStatus}';
        alert("Inside2");
        var orgJson = '${reqOrgJson}';
        alert("Inside3");
        alert("reqStatus>>>"+reqStatus);
        alert("orgJson>>>>"+orgJson);

        if(reqStatus != "" || orgJson != "") {
            //alert("1>>>>>>>>>");
            if(reqStatus == "false") {
                document.getElementById("lblError").style.display = '';
            }
            else {
                document.getElementById("lblError").style.display = 'none';
            }

            var availableTutorials = [];
            if(orgJson != "") {
                var parsed = JSON.parse(orgJson);
                for(var x in orgJson) {
                    if(parsed[x] != undefined) {
                        availableTutorials.push(parsed[x]);
                    }
                }
            }

            $("#txtOrgName").autocomplete({source: availableTutorials});
        }
        else {
            //alert("2>>>>>>>>>");
            window.location.href = "index.jsp";
        }
    });

    function validateOrg() {
        var orgName = document.getElementById("txtOrgName");
        if (orgName.value.trim().length == 0) {
            alert("Enter Org Name");
            return false;
        }
    }
</script>
</head>
<body>
    <form name="orgname" action="org_name" method="post">
        <table align="center">
            <tr align="center">
                <td colspan="4"><img src="images/logo.jpg" /></td>
            </tr>
            <tr>
                <td>Organization :</td>
                <td><input type="text" id="txtOrgName" name="txtOrgName" /><label style="color: red;">*</label></td>
            </tr>
            <tr>
                <td align="center" colspan=2><br/><input type="submit" name="btnOrgName" id="btnOrgName"
                    value="Validate" onclick="return validateOrg();" /></td>
            </tr>
        </table>
        <p align="center"><label id="lblError" style="color: red;">Error Message.</label></p>
    </form>
</body>
</html>

当我在 chrome 上调试它时，它会在以下行出现错误

var orgJson = '${reqOrgJson}';

我收到以下 JSONArray

["XYZ","ASD.'s Group","SDF' Memorial Hospital","Fenchâçè Fâçè, Mr. - PCVC"]

进入orgJson 变量，这会因为' Apostrophe 而出现错误但我不知道如何处理这个？请帮我解决这个问题。我在 Eclipse 中使用 Java。

【问题讨论】：

SyntaxError 在哪一行？您应该可以在浏览器的控制台中找到它。
这个错误是什么时候出现的？在哪个函数调用上？ PS：这里没有JAVA，只有Javascript函数和一些EL语言。
@Dodorido 在 Firefox 浏览器控制台上出现以下错误“SyntaxError: missing ; before statement[Learn More] main:15:216”
有些奇怪：$(function() { ... }); 你想执行这个吗？这应该看起来像(function (){...})(); 我实际上并不需要 JQuery。编辑：那一行的代码是什么？

标签： javascript jsp escaping el apostrophe

【解决方案1】：

问题出在你的价值观上。

var orgJson = '${reqOrgJson}';

变成了

var orgJson = '["XYZ","ASD.'s Group","SDF' Memorial Hospital","Fenchâçè Fâçè, Mr. - PCVC"]';

由于值中有'，字符串停在那里，javascript 不理解以下文本。

这里，你可以去掉撇号直接创建数组：

var orgJson = ["XYZ","ASD.'s Group","SDF' Memorial Hospital","Fenchâçè Fâçè, Mr. - PCVC"];

只需写：

var orgJson = ${reqOrgJson};

后面不用解析，直接把数组放到orgJson里面。

【讨论】：

我在我的 Java 代码中用 / 替换了我的 '。但是当我使用 orgJson = orgJson.replace("/", "'"); 在我的 JSP 页面中再次替换时但他们没有工作。
@user3441151 抱歉，我没说清楚，不需要改值，我加了一行（以为我已经写好了）。您只需删除 EL ${reqOrgJson} 周围的撇号即可将数组按原样放置在字符串中。撇号不再是问题