Простой пример jQuery, PHP и JSONP?

Когда вы используете $ .getJSON во внешнем домене, он автоматически выполняет запрос JSONP, например, мой слайдер tweet здесь

Если вы посмотрите на исходный код, вы увидите, что я называю Twitter API, используя .getJSON.

Таким образом, ваш пример: ЭТО ИСПЫТАНО И РАБОТАЕТ (вы можете перейти на http://smallcoders.com/javascriptdevenvironment.html, чтобы увидеть его в действии)

 //JAVASCRIPT $.getJSON('http://www.write-about-property.com/jsonp.php?callback=?','firstname=Jeff',function(res){ alert('Your name is '+res.fullname); }); //SERVER SIDE <?php $fname = $_GET['firstname']; if($fname=='Jeff') { //header("Content-Type: application/json"); echo $_GET['callback'] . '(' . "{'fullname' : 'Jeff Hansen'}" . ')'; } ?> 

Обратите внимание на? Callback =? и + res.fullname

Прежде всего вы не можете сделать запрос POST с помощью JSONP.

Что в основном происходит, так это то, что динамический тег скрипта вставляется для загрузки ваших данных. Поэтому возможны только запросы GET.

Кроме того, ваши данные должны быть завернуты в функцию обратного вызова, которая вызывается после завершения запроса для загрузки данных в переменную.

Весь этот процесс автоматизируется jQuery для вас. Просто использование $ .getJSON во внешнем домене не всегда работает. Я могу рассказать о личном опыте.

Лучше всего добавить & callback =? вам url.

На стороне сервера вы должны убедиться, что ваши данные обернуты в эту функцию обратного вызова.

то есть.

 echo $_GET['callback'] . '(' . $data . ')'; 

РЕДАКТИРОВАТЬ:

У меня недостаточно комментариев, чтобы прокомментировать ответ Лиама, поэтому решение здесь.

Заменить линию Лиама

  echo "{'fullname' : 'Jeff Hansen'}"; 

с

  echo $_GET['callback'] . '(' . "{'fullname' : 'Jeff Hansen'}" . ')'; 

Больше предложений

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:

 <?php $array = array( '0' => array('fullName' => 'Meni Samet', 'fullAdress' => 'New York, NY'), '1' => array('fullName' => 'Test 2', 'fullAdress' => 'Paris'), ); if(isset ($_GET['callback'])) { header("Content-Type: application/json"); echo $_GET['callback']."(".json_encode($array).")"; } ?> 

Чтобы сервер отвечал с допустимым массивом JSONP, оберните JSON в скобках () и предварите callback :

 echo $_GET['callback']."([{'fullname' : 'Jeff Hansen'}])"; 

Использование json_encode () преобразует собственный PHP-массив в JSON:

 $array = array( 'fullname' => 'Jeff Hansen', 'address' => 'somewhere no.3' ); echo $_GET['callback']."(".json_encode($array).")"; 

 $.ajax({ type: "GET", url: '<?php echo Base_url("user/your function");?>', data: {name: mail}, dataType: "jsonp", jsonp: 'callback', jsonpCallback: 'chekEmailTaken', success: function(msg){ } }); return true; 

В контроллере:

 public function ajax_checkjp(){ $checkType = $_GET['name']; echo $_GET['callback']. '(' . json_encode($result) . ');'; } 

Использовать это ..

  $str = rawurldecode($_SERVER['REQUEST_URI']); $arr = explode("{",$str); $arr1 = explode("}", $arr[1]); $jsS = '{'.$arr1[0].'}'; $data = json_decode($jsS,true); 

Теперь ..

используйте $data['elemname'] для доступа к значениям.

отправьте запрос jsonp с помощью объекта JSON.

Формат запроса:

 $.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); } })