Question

我从下面的代码中收到意外的令牌错误，并且不确定哪一部分出错了

<script>

  function delete(n){

    alert("This is Called");

    if (confirm("Are you sure?")) {

      $.ajax({
        url: 'functions/delete.php',
        type: 'POST',
        data: {id: n},
        success: function(response) {
          console.log(response);
          alert('This Works');

        }
      });

    } else {

    }

  }

</script>

Answer 1

重命名您的函数，并删除<script>标签（如果代码位于外部脚本中）。请查看以下示例：

function deleteFn() {
  alert("This is Called");
  if (confirm("Are you sure?")) {
    alert('This Works');
    //Make AJAX call here
  }
}

deleteFn();

Answer 2

删除是JavaScript中的保留字，您需要重命名“删除”功能。

然后我将代码分割成小段和平并分别对其进行测试。

这是一个有效的示例（https://next.plnkr.co/edit/BwG70k3cNQf9sy3A）和下面的相同代码。它的功能与您想要的相同，但是没有警报和确认弹出窗口，并且我放置了不同的URL，它返回响应：

<!doctype html>

<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  </head>

  <body>

<button onclick="remove('7')">Run POST Request</button>
<div id="result"></div>
<pre id="data"></pre>
    <script>
      function remove(n){
          $.ajax({
            url: 'https://httpbin.org/post',
            type: 'POST',
            data: {id: n},
            success: function(response) {
              //console.log(response);
              $('#result').html('POST request was successfull:');
              $('#data').html(JSON.stringify(response, null, '\t'));
            }
          });
      };
    </script>
  </body>
</html>

意外地遇到令牌错误异常？

2 个答案: