jQuery ajax调用不能在我的网站上运行

Question

我希望我的网页内容通过AJAX显示在我网站的主要内容窗口中...至少这样我可以使用jquery添加一些很酷的效果，例如切换/隐藏/幻灯片等...我现在遇到的问题是让ajax调用正常工作。有人可以查看下面的代码并告诉我哪里出错了吗？非常感谢。

$( "#serviceOffered" ).click(function(){

        $.ajax({

            url : "ajax/getPage.php",
            type : POST, 
            async : true,   
            success : function(result){
                $( "#contentMain" ).html(result);
            }
        })  
    })

HTML代码

<ul id="menu" style="font-size:14px; width:170px; margin-top:40px; margin-bottom: 40px;">
    <li><a href="#" id="serviceOffered">Services Offered</a></li>
</ul> <div id="contentMain"></div>

getPage.php

<?php echo "test get page"; ?>

Answer 1

在您的代码type : POST中，您错过了引号type : "POST",。这意味着您尝试传递变量而不是字符串。我猜这个例子中POST未定义。