JSONP Sample Recommend

read_recommend.js

(function() {
    var recommend_target = document.createElement('script');
    recommend_target.charset = 'utf-8';
    recommend_target.src = '/api/recommend?callback=_recommend_callback';
    document.body.appendChild(recommend_target);
    console.log("recommend_target");
})();

function _recommend_callback(result) {
    console.log("_recommend_callback");
    var recommend_list = document.createElement('ul');
    var i = 0, len = result.items.length;
    for (; i < len; ++i) {
        var item = result.items[i];
        var element = document.createElement('li');
        element.appendChild(document.createTextNode(item.item_name));
        recommend_list.appendChild(element);
    }
    document.body.appendChild(recommend_list);
    console.log(result);
}

recommend_api.php

<?php
// using laravel
class RecommendController extends BaseController
{
	public function getIndex()
	{
		$res = [];
		$items = [
			['item_id' => '1', 'item_name' => 'name1'],
			['item_id' => '2', 'item_name' => 'name2'],
			['item_id' => '3', 'item_name' => 'name3'],
		];
		$res['items'] = $items;
		$res['status'] = 200;

		return Response::json($res, 200)->setCallback(Input::get('callback'));
		// => /**/callback({json: values})
	}
}