javascript - 无法在javascript中调用同步功能

Question

我正在制作一个网络应用程序。其中一部分，我想将 js 变量传输到 php 以同步本地保存的用户数据与互联网上的用户数据。

这是 HTML 代码:

<li><a onclick="sync();">Sync</a></li>

这是 JavaScript 函数:

function sync(){
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    console.log(xmlhttp.responseText);
    }
  }
xmlhttp.open("POST","sync.php",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
var tags = localStorage.getItem("tags");
var data = "tags="+tags;
xmlhttp.send(data);
}

这是 php 部分:

<?php
echo $tags;
console.log($tags);
return $tags;
?>

当我点击同步按钮时，这是我得到的错误:

Uncaught ReferenceError: sync is not defined (index):103
onclick

怎么了？我该怎么办？

Answer 1

执行以下操作:

1) 将下面提到的 js 代码保存在调用 sync() 函数的同一个文件中

<script type="text/javascript">
</script> 

2)js代码如下:

function sync(){
console.log("hi");

}

如果您在控制台日志中看到“hi”，请将上面的代码替换为您的代码。