JSFiddle - React, Tailwind, and code Playground

by nocturnesound

HTML

<div id="sjp"></div>

JavaScript

/* USE JSNOP */
	  
        var url_sjp = 'http://sergeynikonov.org.ru/service-json-pass.php?callback=?';
		
		$.ajax({
		    url: url_sjp,
		    type: "POST",
		    dataType: 'jsonp',
		    success: onAjaxSuccess
		});
		
		
		function onAjaxSuccess(data, status, xhr) {
            if(xhr.status == 200) { 
				for(var i = 0; i < data.length; i++) {
					$('#sjp').append(data[i].firstName + ' ' + data[i].lastName + '<br>');
				}
		    } else {
				    $('#sjp').append('Данные получить не удалось');
		    }

		}


/* SERVERSIDE 

			header('content-type: application/json; charset=utf-8');

			$callback = isset($_REQUEST['callback'])?$_REQUEST['callback']:'alert';

			if (!preg_match('/^[a-z0-9_-]+$/i', $callback)) {
				$callback = 'alert';
			}

						$data = array(
							array(
								'firstName' => 'John',
								'lastName' => 'Doe'
							),
							array(
								'firstName' => 'Anna',
								'lastName' => 'Smith'
							),
							array(
								'firstName' => 'Peter',
								'lastName' => 'Jones'
							),
						);

						
				  
			echo $callback.'('.json_encode($data).')';	  
				  
				  
*/