javascript函数部分工作

Question

函数onclick调用正确隐藏并显示元素，但是当涉及console.log或ajax Post方法时，没有任何工作。我在Postman尝试了它，当我发送json时它正常工作。

脚本：

<script type="text/javascript">
    function populateTab() {

    }
    var addvisible = document.getElementById("btnshowadd");
    $("#addpostform").hide();
    addvisible.onclick = function () { $("#addpostform").show() };
    $("#hideadd").onclick = function () {

        var postObject = {
            Title: $("#PostTitle").val(),
            Body: $("#PostBody").val(),
            Image: $("#PostImage").val(),
            DateTime: Date.now()
        };
        console.log(postObject);
        $("#addpostform").hide();
        jQuery.ajax({
            type: "POST",
            data :postObject,
            url: "../api/posts",
            contentType: "application/json"

        });
    };

</script>

在web api中发布方法

[ResponseType(typeof(Post))]
[HttpPost]
public IHttpActionResult PostPost(Post post)
{
    if (!ModelState.IsValid)
    {
        return BadRequest(ModelState);
    }

    db.Posts.Add(post);
    db.SaveChanges();

    return CreatedAtRoute("DefaultApi", new { id = post.ID }, post);
}