How to Create Client Call API
Step 1:
Create javascript file name myjsfile.js and paste the following codes.
$(function(){
  $('#btn_name').on('click', function(e){
    $.getJSON("http://www.yourotherdomain.com/myapifile.php?jsoncallback=?",
    {
      variable1: "maybe textbox value",
      variable2: "maybe textbox value",
      variable3: "maybe textbox value"
    },
    function(data) {
        var str = data['result'];
        alert(str);
    });
  });
});
Step 2:
Include the following code before </head> tag.
<script src="js/myjsfile.js" type="text/javascript"></script>
You are now able to pass parameter to function from difference domain http://www.yourotherdomain.com/myapifile.php .
How to Create Server Response
Step 1:
Create php file name myapifile.php and paste the following codes.
<?php
 header("Content-Type: application/json, charset: utf-8;");
 $arr=array();
 $arr['result'] = "Here is your result data";
 echo $_GET['jsoncallback'].'('.json_encode($arr).');';
 exit;
?>
~End~
Notice:
You may get Uncaught SyntaxError: Unexpected token if you did not include $_GET['jsoncallback'].
References:
http://stackoverflow.com/questions/3143698/uncaught-syntaxerror-unexpected-token
http://www.w3resource.com/JSON/JSONP.php
