SyntaxError:缺少)带有json响应的javascript函数中的后置参数列表

Question

这似乎是一个重复，但在我的情况下，有点不同。我有以下代码：

function stateList() {              
      function parseStateList(response){
        var stateTable= "<table><tr><td style='width: 500px; color: blue;'>Folder name (state)</td></tr>";
        console.log(response);
        statelist=response["States"];
        console.log(statelist);
        for (var i in statelist) {
            a = statelist[i];
            var index = Object.keys(statelist).indexOf(i)
            console.log("i="+index);
            console.log(statelist[i]);
            stateTable+="<tr><td style='width: 500px;'><button id=\""+index+"\" onclick=\"GetSavedState("+a+",parseSavedState)\">" + a + "</button></td></tr>";
            //document.getElementById(index).onclick = function(){GetSavedState(a,parseSavedState);};
        }
        stateTable+="</table>";
      document.getElementById('state_output').innerHTML = stateTable;
      }

      GetStateList(parseStateList);
    }

我得到了一个错误SyntaxError:缺失)后面的参数列表

Answer 1

错误不在您在问题中输入的代码中。我制作了一个虚拟的GetStateList函数，代码片段运行得很好。这指向错误，例如，在您从GetStateList获得的响应的结构中。

PD:我冒昧地引用了GetSavedState的第一个参数，因为您将它作为变量传递，而a是一个字符串。

​

function GetStateList(callback) {
  callback(
  {
    "States":{
      "CA":"California",
      "FL":"Florida"
    }
  });
}
function GetSavedState(stateusps, callback) {
   callback(stateusps);
}
function parseSavedState(savedState) {
   console.log(savedState);
}

function stateList() {
    function parseStateList(response) {
        var stateTable = "<table><tr><td style='width: 500px; color: blue;'>Folder name (state)</td></tr>";
        console.log(response);
        statelist = response["States"];
        console.log(statelist);

        for (var i in statelist) {
            a = statelist[i];
            var index = Object.keys(statelist).indexOf(i)
            console.log("i=" + index);
            console.log(statelist[i]);
            stateTable += "<tr><td style='width: 500px;'>";
            stateTable += "<button id=\"" + index + "\" onclick=\"GetSavedState('" + a + "',parseSavedState)\">" + a + "</button>";
            stateTable += "</td></tr>";
        }

        stateTable += "</table>";
        document.getElementById('state_output').innerHTML = stateTable;
    }

    GetStateList(parseStateList);
}

stateList();

<div id="state_output"></div>

​

这不能回答你的错误，它只是一个证明，它不是你所认为的那样。