Skip to main content

Posts

Loading simple data

This is very easy to load any static or dynamic data using JQuery AJAX. JQuery provides load() method to do the job: Syntax: Here is the simple syntax for load() method: [selector]. load( URL, [data], [callback] ); Here is the description of all the parameters: URL: The URL of the server-side resource to which the request is sent. It could be a CGI, ASP, JSP, or PHP script which generates data dynamically or out of a database. data: This optional parameter represents an object whose properties are serialized into properly encoded parameters to be passed to the request. If specified, the request is made using the POST method. If omitted, the GET method is used. callback: A callback function invoked after the response data has been loaded into the elements of the matched set. The first parameter passed to this function is the response text recieved from the server and second parameter is the status code. Example: Consider the following HTML file with a s
Post a Comment
Read more

jQuery Hello World example

This section we are going to create our first jQuery application called "Hello World jQuery". This application will simply display " Hello World !! (display due to jQuery)" message in browser. After completing the example you will be able include the jQuery library in your application and use it to do simple functions. Let's start developing the Hello World application in jQuery. Setting up jQuery When you click on the following link it will open a page containing jQuery library script. This file is around 70kb.You need to save this as "jquery-1.4.2.js". Now we are ready to use jQuery inside your html page. Hello World Example(HelloWorld.html) <html> <head> <title>jQuery Hello World</title>   <script type= "text/javascript"  src= "jquery-1.4.2.js" ></script>   </head>   <script type= "text/javascript" >   $ ( document ) .ready ( function (){
Post a Comment
Read more

How To Make Jquery Ajax Call

This is my first blog post when I just started working on the Web Development. I had to call a Web Service in an HTML page to display the data on the screen. I googled and found multiple Ajax call examples but didn't find a simpler one to get started with. So, I created one myself so that I can refer it as and when needed. Check it out if that helps you as well:      $.ajax({           type: "POST",           url: "test.htm",           data: "param1=value1&param2=value2",           success: function() {                // code to execute after the ajax call succeeds           },           error: function() {                // code to execute after the ajax call fails           }      }); Here,      type:- is the request type i.e Get/Post/Put/Delete      url:- is the url of the web service or the request      data:- is used to send the parameters along with the request      success:- is the callback function which triggers after the request returns
Post a Comment
Read more