title: AJAX Post Request call showing “Uncaught SyntaxError: Unexpected token : ”
body: <p>I am attempting to use the shorthand AJAX Post Request to <em>add a dog</em> to my API. However, it's not liking the fact that I have a ":" in my post request.</p>
  
  <p>This is my post request function:</p>
  
  <pre><code>    //add(POST AJAX REQUEST) one dog to the api
      function addOneDog (myUrl) {
        $.post(myUrl, function(data) {
          dogBreed: "Hound Dog",
          dogName: "Freddy",
          dogAge: 5,
          dogColor: "White",
          dogPersonality: "Angry"
        })
      }
  </code></pre>
  
  <p>My Postman GET Request to my API:</p>
  
  <pre><code>    [
       {
         "dogBreed": "Border Collie",
         "dogName": "Bob",
         "dogAge": 2,
         "dogColor": "Brown",
         "dogPersonality": "Loyal",
         "id": 3,
         "createdAt": "2017-08-29T22:52:46.832Z",
         "updatedAt": "2017-08-29T22:52:46.832Z"
       }
      ]
  </code></pre>
  
  <p>I was following the example shown on the JQuery documentation:</p>
  
  <pre><code>$.post( "test.php", { name: "John", time: "2pm" } );
  </code></pre>
  
  <p>Any ideas? I think I am forgetting a syntax.</p>