{"id":11344,"date":"2016-03-07T16:15:12","date_gmt":"2016-03-07T14:15:12","guid":{"rendered":"http:\/\/www.webcodegeeks.com\/?p=11344"},"modified":"2017-12-21T15:32:59","modified_gmt":"2017-12-21T13:32:59","slug":"jquery-http-get-post-example","status":"publish","type":"post","link":"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-http-get-post-example\/","title":{"rendered":"jQuery Http Get \/ Post Example"},"content":{"rendered":"

The aim of this example is to present and use the jQuery Http Get and Post methods. The jQuery get()<\/code> and post()<\/code> methods are used to request data from the server with an HTTP GET or POST request.<\/p>\n

These are the two commonly used methods for a request-response between a client and server. GET requests data from a specified resource while POST submits data to be processed to a specified resource. GET is basically used for just getting (retrieving) some data from the server. <\/p>\n

It may also return cached data. POST can also be used to get some data from the server. However, the POST method NEVER caches data, and is often used to send data along with the request.
\n 
\n[ulp id=’qGGDqWnle19VavkM’]<\/p>\n

1. Basic Document Setup<\/h2>\n

To begin, create a new HTML file with the basic syntax inside and also a new PHP file which will be used for testing:<\/p>\n

main.html<\/em><\/span><\/p>\n

\r\n<!DOCTYPE html>\r\n<html>\r\n<head>\r\n\t<title>jQuery HTTP Post\/Get Example<\/title>\r\n<\/head>\r\n<body>\r\n\r\n<!-- HTML SECTION  -->\r\n\r\n\r\n<!-- JAVASCRIPT SECTION  -->\r\n<script src=\"jquery-1.11.3.min.js\"><\/script>\r\n\r\n<script type=\"text\/javascript\">\r\n\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n<\/pre>\n
Don’t forget to include the jQuery link, which in this case is linked locally.<\/p>\n
process.php<\/em><\/span><\/p>\n
\r\n<?php\r\n\/\/ php code goes here\r\n?>\r\n<\/pre>\n
Now, we’re ready to explain and apply both methods.<\/p>\n
2. jQuery POST Method<\/h2>\n
The jQuery POST method loads a page from the server using a POST HTTP request, and returns XMLHttpRequest object.<\/p>\n
The syntax used is: $.post( url, [data], [callback], [type] )<\/code> where:<\/p>\n