无法让 Ajax 工作

Question

我发现了这个问题，我试图在不离开页面的情况下更新我的数据库。

How to update a mysql database without reloading page

我正在尝试创建 Sandeepan Nath 发布的脚本。

我所拥有的只是一点点编辑。

<script type="text/javascript">

function addItemToUsersList(itemId)
{
  $.ajax
  ({
  'url': 'addtofavourit.php', 
   'type': 'GET',
  'dataType': 'json', 
  'data': {itemid: itemId}, 
   'success': function(data) 
   {
       if(data.status)
       {
           if(data.added)
            {
                   alert("Item added to your personal list");
             }
             else
             {
                    alert("This item is already on your list");
            }
        }
   },
   'beforeSend': function() 
     {
           alert("Adding item to your bucketlist...");
     },
      'error': function(data) 
      {
        // this is what happens if the request fails.
        alert("An error occureed");
    }
});

}

和我的 html（从 php 循环创建）

<div style="margin-top:40px;">
      <a onclick="addItemToUsersList(<?php echo $imgid ?>)" ><b>Add to favourit</b
</a>
</div>

最后，addtofavourit.php 的内容与我试图从中运行 ajax 的页面位于同一文件夹中。

<?php
if($_GET['itemId'] > 1) //just for debugging should always atleast return status true..
 {
    return json_encode(array("status" => true, "added" => true));
 }
 else
 {
    return json_encode(array("status" => true, "added" => false));
 }
?>

这样做的结果是我首先得到一个警告框，如预期的那样“将项目添加到您的存储桶列表...”

但是在那条消息之后我得到一个新的警报框：

发生错误

我尝试将 addtofavourit.php 更改为 http://www.domain.com/pathto/addtofavourit.php（其中http://www.domaim.com/pathto/ 是我刚刚为示例添加的个人网站。）和../addtofavourit.php 但没有帮助。

谁能帮帮我，因为我不知道要看看。

Answer 1

可能您发送 ajax 请求的页面没有到位（正确的路径可能有问题），尝试使用 firebug 分析它，如果您看到 ajax 请求已转向 红色表示您的请求有问题！

Answer 2

先在数据类型前加上ContentType：

（有时这会导致异步调用不能很好地工作） contentType: "application/json; charset=utf-8",

同时删除所有参数（url、type、success等）中的单引号