How To Send JSON Objects In JQuery With An Ajax Request - MobileAppDaily
How To

How To Send JSON Objects In JQuery With An Ajax Request

Know about the five kinds of parameters that are accepted by AJAX request

How To Send JSON Objects In JQuery With An Ajax Request

In this article, we will be telling you how you can send JSON Objects with an Ajax Request (in JQuery) with a short coding tutorial. We will also be clearing out some basics related to sending JSON objects with Ajax requests so keep on reading to find out.

JQuery is a most widely known client-side scripting language that is cross-platform and is a library that acts as a wrapper of JavaScript which supports AJAX, DOM, effects, and events as well. JQuery is powered by one simple syntax that further provides support for Ajax application, Event Handling and easier navigation etc.

What is JSON

JSON stands for JavaScript Object Notation, a term that can be defined as a basic format which is used for data interchange. It is a very lightweight format that is also simple to be written and read by the humans.

The Java Script Object Notation is entirely platform independent format and has a structure that is quite similar to a few other languages.  

In JSON there are basically two different structures which are:

  • An ordered list of values like a Boolean value, enclosed in double quotes.
  • A collection of key-value pairs known as objects.

Basic Syntax of JSON -

{

key : value,

key : value

}

AJAX Requests

The AJAX Request only accepts five kinds of parameters which are:

  1. Data: This is the parameter that we use to assign the JSON data to take the request data along the Ajax request.
  2. URL: This is the for the URL that the AJAX request has to be submitted to.
  3. type: This represents the whether the type of the request is PUT, GET or POST.
  4. dataType: This is for representing the expected data type from the response after the request's data has been processed.
  5. success: The parameter represents the function that is called once the Ajax request is complete.

This is the example of a AJAX Request -

jQuery.ajax(

{

url : getPostData.asp,

type: 'POST',

dataType : "json",

data: {"name":"JSON_Request"},

success:function(data) { alert(data); },

error: function() {alert(data); }

}

);

Stay tuned with us on more updates on JQuery with us by clicking on the ‘Subscribe’ button.

Read More About:

Twinkle <span>Product Strategist</span>
Written By

She is an experienced business and marketing consultant of the mobile app industry; advising on anything from the perfect branding to the latest tech releases. She is passionate about writing well-researched reports to help the app owners and the mobile app industry audience. She has a vibrant touch that goes well in her writing as well.

Top Companies

InMobi
Singapore
Dot Com Infoway
New York, USA
M&C Saatchi Mobile
New York City, USA
Techmagnate
New Delhi, India
Fetch
London, UK
View full report

Latest Articles

Join our global community 135K Followers
How To

How To Enjoy Latest Android O Features on Your Android Smartphone

4 min read  

Almost every year every Google releases a major update for the Android smartphones. The tech giant enrolls the operating system’s latest version containing new features every year. This year all the eyes are on the Android which is expected as the biggest released till now from Google. Android

How To

How To Use Quora For Promoting Your Mobile Application

4 min read  

Quora is an important online platform which enables people to communicate with each other and solve the important issues in the form of questions and answers. People contribute unique insights and its community members organize it in the form of opinions.Social media has become the most importan

How To

How to Protect Your Privacy on Your Smart Phone

4 min read  

Many people are aware of the dangers of online threats when using a personal computer. A good many people though are unaware of the threats that are about that affect smartphones. As a smartphone is always connected to the internet, the risks are there 24 hours per day.The Risks to Smartphones

How To

How Telemedicine Is Transforming Healthcare

2 min read  

The field of medicine has grown and evolved with the knowledge humans have of subjects like chemistry, physics, and biology. It was not always good for patients, and some practices were disturbing and dangerous. Since that time, the approach to medicine has turned much more humanitarian and safe.