Question

I have the following code:

$.ajax({        
            url: "some-page.aspx",
            type: "POST",
            data: {fileName: file, param02: param02, param03: param03, param05: param05, param08: param08, param11: param11},

            success: function(html){            
                // check the table to see if the document made it

            },
            error: function(html){
            }           
    }); 

My desire is to print the data I just posted. I know that jquery figures out on its own how to encode the posted parameters and I would like to see how they are actually posted.
Any ideas?

Answer 1

You can use the tools provided by Google Chrome. Open them by hitting F12 while in chrome, and go to the “network” Tab. There you will see all data going back and forth during the ajax call.

Or you could also use firebug which is a Firefox plugin. Once installed, hit F12 while in Firefox and go to the “Console” tab. Once you make the ajax call, you will see it show up in the console and once you expand it, you can see all the data going back and forth during the ajax call.

Or you can also use the tools provided by internet explorer (IE 8 and up). In IE hit F12 to open up the tools window and go to the “Network” tab. Click on the “Start capturing” button. Perform the ajax call in the page and you should see it show up in the “Network” tab. You can now click on it and click on the “Go to detail view” to view all the data related to the ajax call.