SPServices: trying to learn how to use this and jquery, help with example

Question

So I am trying to learn these both as I read nuthin but great things all over the place about them.

So this is what I have from example on codeplex:

<script type="text/javascript" src="http://espdev:44485/Style%20Library/jquery/jquery-1.7.2.min.js"></script>
<script type ="text/javascript" src="http://espdev:44485/Style%20Library/jquery/jquery.SPServices-0.7.1a.min.js"></script>
<script type="text/javascript">

$(document).ready(function() {
        var subject = "Hi Subject!";
        var message = "Hi Message!";
        CreateNewItem(subject, message);        
});

function CreateNewItem(subject, message) {
    $().SPServices({
        operation: "UpdateListItems",
        async: false,
        batchCmd: "New",
        listName: "FirstList",
        valuepairs: [["Title", subject], ["Message", message]],
        completefunc: function(xData, Status) {
          alert("completed");
        }
    });}

</script>

So this doesn't seem to work as I load the page, and as I understand it should. Is there something I am missing? I do have the scriptlinks and have this in a text file in a document library and have a CEWP referencing the file.

Again, I am learning so if there is something of context I missing here I certainly appreicate the help! Thanks!

EDIT: Added the script references to the example; again I also tried the network delivery links in place of the above and got the same results?

Answer 1

I tested your code. It is working. Are the column names right: Title and Message? Before you test this code with a custom list, try a standard list, like Posts (in Office 365), or Announcements:

function CreateNewItem(subject, message) {
    $().SPServices({
        operation: "UpdateListItems",
        async: false,
        batchCmd: "New",
        listName: "Posts",
        valuepairs: [["Title", subject], ["Body", message]],
        completefunc: function(xData, Status) {
          alert("completed");
        }
});}
$(document).ready(function() {
        var subject = "Hi Subject!";
        var message = "Hi Message!";
        CreateNewItem(subject, message);        
});

Take a look at javascript console in your browser, there you can find useful errors. jQuery and SPServices must be loaded. For your tests you can even use cdn links for jQuery and SPServices.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.SPServices/0.7.1a/jquery.SPServices-0.7.1a.min.js"></script>