1. 程式人生 > >Uncaught SyntaxError: Unexpected token },但大括號閉合正確的解決辦法

Uncaught SyntaxError: Unexpected token },但大括號閉合正確的解決辦法

在使用ajax技術編寫程式,實現在瀏覽器中點選按鈕時,修改按鈕上方顯示的文字資訊,介面如圖:

滑鼠點選“changeContent”按鈕,按鈕上方顯示的文字應該變為“hello world”,但是卻提示Uncaught SyntaxError: Unexpected token },但是仔細檢視程式,發覺程式中的大括號使用沒有錯誤,感到很奇怪,找了很久才發現是<input type="button" name="save" value="changeContent" onclick="myFunction("changeContent.php");">有問題。只需要將myFunction裡面的引數的雙引號改為單引號,就可以了。更改後為

<input type="button" name="save" value="changeContent" onclick="myFunction('changeContent.php');">。改完重新整理頁面,單擊按鈕,程式可以正常執行,如圖:



<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
</head>
<body>
    <p>
        <div id="myDiv"><h2>呵呵</h2></div>
        <input type="button" name="save" value="changeContent" onclick="myFunction("changeContent.php");">    \\這行有錯
    </p>

    <script>
        var xmlhttp;
        function loadXMLDoc(url,cfunc)
        {
            if (window.XMLHttpRequest)
            {
                // IE7+, Firefox, Chrome, Opera, Safari 程式碼
                xmlhttp=new XMLHttpRequest();
            }
            else
            {
                // IE6, IE5 程式碼
                xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
            }

            xmlhttp.onreadystatechange=cfunc;
            xmlhttp.open("GET",url,true);
            xmlhttp.send();
        }

        function myFunction(url)
        {
            loadXMLDoc(url,function()
            {
                if (xmlhttp.readyState==4 && xmlhttp.status==200)
                {
                    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
                }
            });
        }
    </script>
</body>
</html>