Simple jQuery PHP and JSONP example

Question

I am facing the same-origin policy problem  and by researching the subject  I found that the best way for my particular project would be to use JSONP to do cross-origin requests   I ve been reading this article from IBM about JSONP  however I am not 100  clear on what is going on   All I am asking for here  is a simple jQuery PHP JSONP request  or whatever the terminology may be      - something like this  obviously it is incorrect  its just so you can get an idea of what I am trying to achieve        jQuery     post  http   MySite com MyHandler php   firstname  Jeff   function res       alert  Your name is   res         PHP    lt  php    fname     POST  firstname      if  fname   Jeff           echo  Jeff Hansen         gt    How would I go about converting this into a proper JSONP request  And if I were to store HTML in the result to be returned  would that work too

User · Answer

Simple jQuery  PHP and JSONP example is below    x000D   x000D  window onload   function    x000D     ajax   x000D    cache  false  x000D    url   https   jsonplaceholder typicode com users 2   x000D    dataType   jsonp   x000D    type   GET   x000D    success  function data   x000D     console log  data   data  x000D       x000D    error  function data   x000D     console log data   x000D      x000D       x000D     x000D   lt script src  https   ajax googleapis com ajax libs jquery 2 1 1 jquery min js  gt  lt  script gt  x000D   x000D   x000D

User · Answer

To make the server respond with a valid JSONP array  wrap the JSON in brackets    and preprend the callback   echo   GET  callback        fullname     Jeff Hansen         Using json encode   will convert a native PHP array into JSON    array   array       fullname    gt   Jeff Hansen        address    gt   somewhere no 3     echo   GET  callback       json encode  array

User · Answer

When you use   getJSON on an external domain it automatically actions a JSONP request  for example my tweet slider here  If you look at the source code you can see that I am calling the Twitter API using  getJSON   So your example would be  THIS IS TESTED AND WORKS  You can go to http   smallcoders com javascriptdevenvironment html to see it in action     JAVASCRIPT    getJSON  http   www write-about-property com jsonp php callback     firstname Jeff  function res       alert  Your name is   res fullname          SERVER SIDE    lt  php   fname     GET  firstname          if  fname   Jeff                       header  Content-Type  application json             echo   GET  callback              fullname     Jeff Hansen                      gt    Note the  callback   and  res fullname

User · Answer

ajax            type       GET           url    lt  php echo Base url  user your function     gt            data   name  mail           dataType   jsonp           jsonp   callback           jsonpCallback   chekEmailTaken           success  function msg             return true    In controller   public function ajax checkjp     checkType     GET  name    echo   GET  callback          json encode  result

User · Answer

More Suggestion  JavaScript     ajax           url   http   FullUrl           dataType   jsonp           success  function  data                   Data from the server in the in the variable  data                In the form of an array                   PHP CallBack    lt  php   array   array        0    gt  array  fullName    gt   Meni Samet    fullAdress    gt   New York  NY          1    gt  array  fullName    gt   Test 2    fullAdress    gt   Paris        if isset    GET  callback           header  Content-Type  application json         echo   GET  callback       json encode  array            gt

User · Answer

First of all you can t make a POST request using JSONP   What basically is happening is that dynamically a script tag is inserted to load your data  Therefore only GET requests are possible   Furthermore your data has to be wrapped in a callback function which is called after the request is finished to load the data in a variable   This whole process is automated by jQuery for you  Just using   getJSON on an external domain doesn t always work though  I can tell out of personal experience   The best thing to do is adding  amp callback   to you url   At the server side you ve got to make sure that your data is wrapped in this callback function   ie   echo   GET  callback            data          EDIT   Don t have enough rep yet to comment on Liam s answer so therefore the solution over here   Replace Liam s line   echo    fullname     Jeff Hansen       with   echo   GET  callback              fullname     Jeff Hansen

User · Answer

Use this          str   rawurldecode   SERVER  REQUEST URI          arr   explode      str        arr1   explode       arr 1         jsS        arr1 0            data   json decode  jsS true     Now     use  data  elemname   to access the values   send jsonp request with JSON Object    Request format       ajax       method    POST       url    xxx com       data   JSONDataObj    Use JSON stringfy before sending data     dataType   jsonp       contentType   application json  charset utf-8       success   function response         console log response

[php] Simple jQuery, PHP and JSONP example?

Examples related to php

Examples related to jquery

Examples related to ajax

Examples related to json

Examples related to jsonp