jQuery.getJSON function :
The getJSON() method is used to get JSON data using and AJAX HTTP GET request.$.getJSON is shorthand of $.ajax , both are same.
Syntax :
$(selector).getJSON(url,data,successfunction(ouput_data,status,xhr))
URL : It contains url.
data : This is option parameter which is used to sent the value to server.
Here status and xhr is optional one and output_data contains the value that will be returned back form your server php file.
Sample code for $.getJSON() ;
<script>
$(document).ready(function(){
var send_one = "jQuery";
var send_two = "is nice language";
$.each(respond_data,function(key,value){
// $.each function is used to split each array value seperately
$("#myplace").append("Received data : Index "+key+" => value "+value+"....");
// You can also print the value without using jQuery each function
alert("This is my first value =>"+respond_data.sentme_one);
alert("This is my second value =>"+respond_data.sentme_two);
});
});
});
</script>
Sample Code for $.ajax() :
<script>
$(document).ready(function(){
var send_one = "jQuery";
var send_two = "is nice language";
$.ajax({
url:"url",
type:"GET",
data:{ first_value : send_one , second_value : send_two },
dataType:"jsonp",
success:function(respond_data){
$.each(respond_data,function(key,value){
// $.each function is used to split each array value seperately
$("#myplace").append("Received data : Index "+key+" => value "+value+"....");
});//each() end here
}//success() end here
});//ajax end here
});
</script>
Sample php code : server side
<?php
$_temp_one = $_get['first_value'];
$_temp_second = $_get['second_value'];
// Creating array value
$_arrayval = array("sentme_one"=>$_temp_one, "sentme_two"=>$_temp_second);
// return the value in jsonp format
echo $_GET['callback'].'('.json_encode($arrayval).')';
?>
