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:

MAD Team
Written By

MobileAppDaily host a team of experienced technical writers, industry wizards, and app experts who have an exact knack of content that caters to the needs of the mobile app targeted audience. We strive to bring you the best of tech!

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 Set Up A VPN On An Android Smartphone Or Tablet

MAD Team 4 min read  

We live in a digital world where it seems like much of our information is easily accessible to others. There is not a day that goes by when we do not hear about some privacy violation where a person has their personal information stolen and then used in a nefarious way.Understandably, you may be

How To

How To Choose The Best Headphone?

MAD Team 4 min read  

Music is a world in itself. Nothing can beat the comfort of a headphone while traveling. It keeps you away from constant blatter around you and helps you to concentrate more on yourself. So, carrying a headphone or an earphone is perfectly cool.But in among so many headphones, grabbing a headpho

How To

How To Convert Your Website Into A Mobile App Using A WordPress Plugin With Ease

MAD Team 4 min read  

Why make an application when you already have a website for your online business? This question pops up in the minds of many business owners on a regular basis. But you will be surprised to find out that the majority of users are accessing the websites from their mobile phones. You can also check th

How To

A Beginners Guide to Android App Development

MAD Team 4 min read  

So you have been following the blogs on Android development for some time now, and the topic seems an interesting one to you. There are possibilities that you have gone through a technical blog on Android app development and finding it hard to cope with the information that is shared there.In ca