0&&jrepeat.each(function(){$(this).attr("jrepeat-"+i,$(this).attr("jrepeat"))}),el1_jrepeat=el1.find("[jrepeat]"),el1_jrepeat.length>0&&el1_jrepeat.each(function(){$(this).remove()});var matches=el1.html().match(regExp);html=el.html(),null!=matches&&$.each(matches,function(aindex,value){value=$("").html(value).text();var reg=new RegExp(value);t="exp1"==options.expression?value.replace(/{{|}}/g,""):value.replace(/{[|]}/g,"");try{html=html.replace(value,eval(t))}catch(e){html=html.replace(value,""),console.log("jPut:"+e.message)}}),html=html.replace(/jsrc/g,"src"),0==options.prepend?main.append(html):main.prepend(html),jrepeat.length>0&&jrepeat.each(function(){$("[jrepeat-"+i+'="'+$(this).attr("jrepeat")+'"]').jPut({jsonData:json[$(this).attr("jrepeat")],name:$(this).attr("jrepeat"),jrepeat:!0,error:function(t){throw t}})})}),$.isFunction(options.done)&&options.done.call(this,options.jsonData)}Object.defineProperty(this,"data",{get:function(){return options.jsonData},set:function(t){options.jsonData=t,options.new_data=-1,options.clear=!0,process(options)}}),this.insertAt=function(t,a){options.jsonData.splice(t,0,a),process(options)},this.update=function(t,a){options.new_data=-1,options.clear=!0,options.jsonData[t]=a,process(options)},this.remove=function(t){options.clear=!0,options.jsonData.splice(t,1),options.new_data=-1,process(options)},this.append=function(t){options.clear=!1,options.new_data=[t],process(options)},this.prepend=function(t){options.clear=!1,options.prepend=!0,options.new_data=[t],process(options)},this.clear=function(){options.new_data=-1,options.clear=!0,options.jsonData=[],process(options)},this.bind=function(){process(options)},this.call_ajax=function(t){options.clear=!1,options=$.extend(options,t),options.new_data=-1,ajax(options)};var defaults={name:"",expression:"exp1",jsonData:[],dataName:"",limit:0,prepend:!1,clear:!0,singleData:!1,jrepeat:!1,ajax_url:"",ajax_data:"",ajax_type:"GET",ajax_dataType:"json",ajax_jsonpCallback:"",template:"",done:function(){},error:function(){}},options=$.extend({},defaults,options),html;try{var main=$(this),el=""==options.name?$("[jput]").clone():$('[jput="'+options.name+'"]').clone();if(0==el.length)throw"Cant find the jPut template ("+options.name+")!";if("exp1"==options.expression)var regExp=/\{{([^}}]+)\}}/g;else var regExp=/\{\[([^}}]+)\]\}/g;var matches=el.html().match(regExp),$this=this;""!=options.ajax_url?ajax(options):process(options)}catch(err){$.isFunction(options.error)&&options.error.call(this,err)}return this.getValue=function(t){return options.jsonData[t]},this.each(function(){})},$.jPut=function(t){jPut[t.name]=$("#users").jPut(t)}}(jQuery),$(document).ready(function(){if(1==jPut.auto){var t=["jsonData","dataName","singleData"],a=["jsondata","dataname","singledata"];$("[jput]").each(function(e,n){var o=[];el=$(n).attr("jput"),o.name=el,$(n).each(function(){$.each(this.attributes,function(){this.specified&&(s_index=$.inArray(this.name.replace("jput-",""),a),-1!=s_index?o[t[s_index]]=this.value:-1!=this.name.search("jput-")&&(o[this.name.replace("jput-","")]=this.value))})}),jPut[el]=$(n).jPut(o)})}});
--------------------------------------------------------------------------------
/doc.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | //jPut HTML Template (it will he hidden)
6 | <div jput="template1">
7 | <div class="items" id="item_{{id}}">
8 | <h1>{{name}}</h1>
9 | //for image tag to avoid error put 'jsrc' instead of 'src'
10 | <img jsrc="/images/{{image_loc||default.jpg}}" alt=""/>
11 | <span>{{description}}</span>
12 | </div>
13 | </div>
14 |
15 | <div id="main">
16 | </div>
17 |
18 |
19 |
20 |
21 |
22 |
23 | //JSON Data
24 | var projects=[{"id":"8","name":"name1","description":"This is a test","image_loc":"image1.jpg"}, {"id":"9","name":"name2", "description":"Test 2","image_loc":"image2.jpg"}];
25 |
//The div you want to upload
26 | $('#main').jPut({
27 | dataName:'', //object name if the json data is in specified object
28 | jsonData:data, //(jsonData/ajax_url) is required your json data to append/prepend
29 | ajax_url:'http://yourdomain.com/data.json', //ajax:Specifies the URL to send the request to. Default is the current page
30 | ajax_data:'', //ajax:specifies data to be sent to the server
31 | ajax_type:'', //ajax:specifies the type of request. (GET or POST)
32 | name:'template1', //*required field jput template name
33 | limit:0, //default:0 limit the number of record to show
34 | prepend:false, //default:false If you want to prepend data make it true. By default data will append
35 | done:function(e){
36 | //on success (e will be the json data)
37 | },
38 | error:function(msg){
39 | alert('Error Message:'+msg); //On error
40 | }
41 | });
42 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # jPut - JSON to HTML
2 | jPut is a small jQuery plugin where you can append your JSON to customized HTML format easily. You can also dynamically bind values to your existing data easily. Its simple and fast. The jPut can call by usind data attributes.
3 |
4 | ### Features
5 | - You can load JSON via AJAX
6 | - It can supoprt multi dimensional JSON
7 | - It support JSONP format
8 |
9 | ### Version
10 | 2.0.2
11 |
12 | ### Dependencies
13 | [jQuery]
14 |
15 | ### Demo
16 | [Simple jPut Demo]
17 |
18 | [One Dimensional Demo]
19 |
20 | [Multi Dimensional Demo]
21 |
22 | [Data Binding Demo]
23 |
24 | [Load More with jPut]
25 |
26 | [Todo App]
27 |
28 | [Expression]
29 |
30 |
31 | ### Installation
32 | You need to add jquery.js & jput2.js :
33 | ```sh
34 |
35 |
36 | ```
37 |
38 | ### Simple Example
39 |
40 | In this simple example you have list of users as JSON. So you want to render all this as html. In this example you are using data attributes to call jPut.
41 |
42 | #####Code
43 |
44 | ```sh
45 |
48 | ```
49 |
50 | In this example jput="users" attribute sets the entire div as jPut template for methord users. By putting this attribute the jPut will create a Object inside the variable jPut.[jPut.users] (NOTE: jPut variable is created inside the jQuery plugin. So please avoide to use jPut variable in your code).
51 |
52 | jput-jsondata='' is the attribute used to set your default data.If your default data is empty jPut wont render anything.
53 |
54 | ### Databinding
55 | For data binding we use {{ json.name }} expression. Since jPut is storing all values in JSON you have to user json.YOUR_VARIABLE_NAME
56 |
57 | ### Simple Example 2 (Setting Data in JavaScript)
58 |
59 | ```sh
60 |
72 |
73 |
76 | ```
77 |
78 | ###Template Properties
79 |
80 | In jPut template you can give any kind of expressions and also you can call your own custom JavaScript functions.
81 | jPut expressions are written inside double braces: ```{{ expression }}```.
82 | You can also use different expression if you have conflict with any other plugin or framework.```{[ expression ]}```
83 | For this you have to set you expression as "exp2".
84 |
85 | ex :
86 |
87 | ```sh
88 |
99 |
100 |
101 | - Name : {{json.name}}
102 | - Total {{json.total}}
103 | - Percentage {{json.total/300}}
104 | - Grade {{grade(json.total)}}
105 | - Grade {{json.total>199?"PASS":"FAIL"}}
106 |
107 | ```
108 |
109 | ###jPut Options
110 | ```sh
111 | //The div you want to upload
112 | $('#main').jPut({
113 | dataName:'', //object name if the json data is in specified object
114 | jsonData:projects, //(jsonData/ajax_url) is required your json data to append/prepend
115 | ajax_url:'http://yourdomain.com/data.json',//ajax:Specifies the URL to send the request to. Default is the current page
116 | ajax_data:'', //ajax:specifies data to be sent to the server
117 | ajax_type:'', //ajax:specifies the type of request. (GET or POST)
118 | name:'template1', //*required field jput template name
119 | limit:0, //default:0 limit the number of record to show
120 | prepend:false, //default:false If you want to prepend data make it true. By default data will append
121 | done:function(e){
122 | //on success (e will be the json data)
123 | },
124 | error:function(msg){
125 | alert('Error Message:'+msg); //On error
126 | }
127 | });
128 | ```
129 | To learn more go throught the examples.
130 |
131 |
132 | License
133 | ----
134 |
135 | MIT
136 |
137 |
138 |
139 | [jQuery]:http://jquery.com
140 | [Simple jPut Demo]:http://shabeer-ali-m.github.io/jPut/v2demo/demo1/
141 | [One Dimensional Demo]:http://shabeer-ali-m.github.io/jPut/v2demo/demo2/
142 | [Data Binding Demo]:http://shabeer-ali-m.github.io/jPut/v2demo/data-binding/
143 | [Load More with jPut]:http://shabeer-ali-m.github.io/jPut/v2demo/loadmore_with_php/
144 | [Multi Dimensional Demo]:http://shabeer-ali-m.github.io/jPut/v2demo/loop_inside_loop
145 | [Todo App]:http://shabeer-ali-m.github.io/jPut/v2demo/todo
146 | [Expression]:http://shabeer-ali-m.github.io/jPut/v2demo/expression
147 |
148 |
149 |
--------------------------------------------------------------------------------
/js/jput-2.prod.js:
--------------------------------------------------------------------------------
1 | /*
2 | * jQuery jPut Plug-in 2.0.2
3 | * http://plugins.jquery.com/jput/
4 | * Develope By : Shabeer Ali M
5 | * Home Page : http://shabeer-ali-m.github.io/jPut/
6 | * last Update: Multiple Expression
7 | */
8 | var jPut = [];
9 | jPut.auto = !0,
10 | function($) {
11 | $.fn.jPut = function(options) {
12 | function json_value(t, a) {
13 | if ("" == t) return a;
14 | if (-1 == t.indexOf(".")) return a[t];
15 | t = t.split(".");
16 | for (var e = 0; e < t.length; e++) a = a[t[e]];
17 | return a
18 | }
19 |
20 | function ajax(t) {
21 | $.ajax({
22 | url: t.ajax_url,
23 | data: t.ajax_data,
24 | dataType: t.ajax_dataType,
25 | jsonpCallback: t.ajax_jsonpCallback,
26 | type: t.ajax_type,
27 | success: function(a) {
28 | -1 != t.new_data ? t.jsonData = a : t.new_data = a, process(t)
29 | },
30 | error: function() {}
31 | })
32 | }
33 |
34 | function process(options) {
35 | 1 == options.clear && main.html("");
36 | var arr = options.jsonData;
37 | if ("undefined" != typeof options.new_data && -1 != options.new_data) arr = options.new_data;
38 | else {
39 | if ("object" != typeof arr && (arr = $.parseJSON(options.jsonData)), "object" != typeof arr) throw "Invalid JSON data!";
40 | if (0 == options.jrepeat && null == arr) throw "JSON data is empty!";
41 | null == arr && (arr = []), 0 != options.limit && (arr = arr.slice(0, options.limit)), options.jsonData = arr, (1 == options.singleData || "true" == options.singleData) && (arr = [arr])
42 | }
43 | "" != options.dataName && (arr = json_value(options.dataName, options.jsonData)), $.each(arr, function(i, json) {
44 | "undefined" != typeof options.new_data && -1 != options.new_data ? (0 == options.prepend ? options.jsonData.push(json) : options.jsonData.unshift(json), index = options.jsonData.length - 1) : index = i, "" == options.template ? (el1 = el.clone(), options.template = el1) : el1 = options.template, jrepeat = el.find("[jrepeat]").not("[jrepeat] [jrepeat]"), jrepeat.length > 0 && jrepeat.each(function() {
45 | $(this).attr("jrepeat-" + i, $(this).attr("jrepeat"))
46 | }), el1_jrepeat = el1.find("[jrepeat]"), el1_jrepeat.length > 0 && el1_jrepeat.each(function() {
47 | $(this).remove()
48 | });
49 | var matches = el1.html().match(regExp);
50 | html = el.html(), null != matches && $.each(matches, function(aindex, value) {
51 | value = $("").html(value).text();
52 | var reg = new RegExp(value);
53 | t = "exp1" == options.expression ? value.replace(/{{|}}/g, "") : value.replace(/{[|]}/g, "");
54 | try {
55 | html = html.replace(value, eval(t))
56 | } catch (e) {
57 | html = html.replace(value, ""), console.log("jPut:" + e.message)
58 | }
59 | }), html = html.replace("jsrc", "src"), 0 == options.prepend ? main.append(html) : main.prepend(html), jrepeat.length > 0 && jrepeat.each(function() {
60 | $("[jrepeat-" + i + '="' + $(this).attr("jrepeat") + '"]').jPut({
61 | jsonData: json[$(this).attr("jrepeat")],
62 | name: $(this).attr("jrepeat"),
63 | jrepeat: !0,
64 | error: function(t) {
65 | throw t
66 | }
67 | })
68 | })
69 | }), $.isFunction(options.done) && options.done.call(this, options.jsonData)
70 | }
71 | Object.defineProperty(this, "data", {
72 | get: function() {
73 | return options.jsonData
74 | },
75 | set: function(t) {
76 | options.jsonData = t, options.new_data = -1, options.clear = !0, process(options)
77 | }
78 | }), this.insertAt = function(t, a) {
79 | options.jsonData.splice(t, 0, a), process(options)
80 | }, this.update = function(t, a) {
81 | options.new_data = -1, options.clear = !0, options.jsonData[t] = a, process(options)
82 | }, this.remove = function(t) {
83 | options.clear = !0, options.jsonData.splice(t, 1), options.new_data = -1, process(options)
84 | }, this.append = function(t) {
85 | options.clear = !1, options.new_data = [t], process(options)
86 | }, this.prepend = function(t) {
87 | options.clear = !1, options.prepend = !0, options.new_data = [t], process(options)
88 | }, this.clear = function() {
89 | options.new_data = -1, options.clear = !0, options.jsonData = [], process(options)
90 | }, this.bind = function() {
91 | process(options)
92 | }, this.call_ajax = function(t) {
93 | options.clear = !1, options = $.extend(options, t), options.new_data = -1, ajax(options)
94 | };
95 | var defaults = {
96 | name: "",
97 | expression: "exp1",
98 | jsonData: [],
99 | dataName: "",
100 | limit: 0,
101 | prepend: !1,
102 | clear: !0,
103 | singleData: !1,
104 | jrepeat: !1,
105 | ajax_url: "",
106 | ajax_data: "",
107 | ajax_type: "GET",
108 | ajax_dataType: "json",
109 | ajax_jsonpCallback: "",
110 | template: "",
111 | done: function() {},
112 | error: function() {}
113 | },
114 | options = $.extend({}, defaults, options),
115 | html;
116 | try {
117 | var main = $(this),
118 | el = "" == options.name ? $("[jput]").clone() : $('[jput="' + options.name + '"]').clone();
119 | if (0 == el.length) throw "Cant find the jPut template (" + options.name + ")!";
120 | if ("exp1" == options.expression) var regExp = /\{{([^}}]+)\}}/g;
121 | else var regExp = /\{\[([^}}]+)\]\}/g;
122 | var matches = el.html().match(regExp),
123 | $this = this;
124 | "" != options.ajax_url ? ajax(options) : process(options)
125 | } catch (err) {
126 | $.isFunction(options.error) && options.error.call(this, err)
127 | }
128 | return this.getValue = function(t) {
129 | return options.jsonData[t]
130 | }, this.each(function() {})
131 | }, $.jPut = function(t) {
132 | jPut[t.name] = $("#users").jPut(t)
133 | }
134 | }(jQuery), $(document).ready(function() {
135 | if (1 == jPut.auto) {
136 | var t = ["jsonData", "dataName", "singleData"],
137 | a = ["jsondata", "dataname", "singledata"];
138 | $("[jput]").each(function(e, n) {
139 | var o = [];
140 | el = $(n).attr("jput"), o.name = el, $(n).each(function() {
141 | $.each(this.attributes, function() {
142 | this.specified && (s_index = $.inArray(this.name.replace("jput-", ""), a), -1 != s_index ? o[t[s_index]] = this.value : -1 != this.name.search("jput-") && (o[this.name.replace("jput-", "")] = this.value))
143 | })
144 | }), jPut[el] = $(n).jPut(o)
145 | })
146 | }
147 | });
--------------------------------------------------------------------------------
/demo/loadmore_with_php/contries.php:
--------------------------------------------------------------------------------
1 |
6 | [{"id":"1","name":"Afghanistan","img":"af"},{"id":"2","name":"Aland Islands","img":"ax"},{"id":"3","name":"Albania","img":"al"},{"id":"4","name":"Algeria","img":"dz"},{"id":"5","name":"American Samoa","img":"as"},{"id":"6","name":"Andorra","img":"ad"},{"id":"7","name":"Angola","img":"ao"},{"id":"8","name":"Anguilla","img":"ai"},{"id":"9","name":"Antarctica","img":"aq"},{"id":"10","name":"Antigua and Barbuda","img":"ag"},{"id":"11","name":"Argentina","img":"ar"},{"id":"12","name":"Armenia","img":"am"},{"id":"13","name":"Aruba","img":"aw"},{"id":"14","name":"Australia","img":"au"},{"id":"15","name":"Austria","img":"at"},{"id":"16","name":"Azerbaijan","img":"az"},{"id":"17","name":"Bahamas","img":"bs"},{"id":"18","name":"Bahrain","img":"bh"},{"id":"19","name":"Bangladesh","img":"bd"},{"id":"20","name":"Barbados","img":"bb"},{"id":"21","name":"Belarus","img":"by"},{"id":"22","name":"Belgium","img":"be"},{"id":"23","name":"Belize","img":"bz"},{"id":"24","name":"Benin","img":"bj"},{"id":"25","name":"Bermuda","img":"bm"},{"id":"26","name":"Bhutan","img":"bt"},{"id":"27","name":"Bolivia, Plurinational State of","img":"bo"},{"id":"28","name":"Bonaire, Sint Eustatius and Saba","img":"bq"},{"id":"29","name":"Bosnia and Herzegovina","img":"ba"},{"id":"30","name":"Botswana","img":"bw"},{"id":"31","name":"Bouvet Island","img":"bv"},{"id":"32","name":"Brazil","img":"br"},{"id":"33","name":"British Indian Ocean Territory","img":"io"},{"id":"34","name":"Brunei Darussalam","img":"bn"},{"id":"35","name":"Bulgaria","img":"bg"},{"id":"36","name":"Burkina Faso","img":"bf"},{"id":"37","name":"Burundi","img":"bi"},{"id":"38","name":"Cambodia","img":"kh"},{"id":"39","name":"Cameroon","img":"cm"},{"id":"40","name":"Canada","img":"ca"},{"id":"41","name":"Cape Verde","img":"cv"},{"id":"42","name":"Cayman Islands","img":"ky"},{"id":"43","name":"Central African Republic","img":"cf"},{"id":"44","name":"Chad","img":"td"},{"id":"45","name":"Chile","img":"cl"},{"id":"46","name":"China","img":"cn"},{"id":"47","name":"Christmas Island","img":"cx"},{"id":"48","name":"Cocos (Keeling) Islands","img":"cc"},{"id":"49","name":"Colombia","img":"co"},{"id":"50","name":"Comoros","img":"km"},{"id":"51","name":"Congo","img":"cg"},{"id":"52","name":"Congo, The Democratic Republic of the","img":"cd"},{"id":"53","name":"Cook Islands","img":"ck"},{"id":"54","name":"Costa Rica","img":"cr"},{"id":"55","name":"Cote d'Ivoire","img":"ci"},{"id":"56","name":"Croatia","img":"hr"},{"id":"57","name":"Cuba","img":"cu"},{"id":"58","name":"Curacao","img":"cw"},{"id":"59","name":"Cyprus","img":"cy"},{"id":"60","name":"Czech Republic","img":"cz"},{"id":"61","name":"Denmark","img":"dk"},{"id":"62","name":"Djibouti","img":"dj"},{"id":"63","name":"Dominica","img":"dm"},{"id":"64","name":"Dominican Republic","img":"do"},{"id":"65","name":"Ecuador","img":"ec"},{"id":"66","name":"Egypt","img":"eg"},{"id":"67","name":"El Salvador","img":"sv"},{"id":"68","name":"Equatorial Guinea","img":"gq"},{"id":"69","name":"Eritrea","img":"er"},{"id":"70","name":"Estonia","img":"ee"},{"id":"71","name":"Ethiopia","img":"et"},{"id":"72","name":"Falkland Islands (Malvinas)","img":"fk"},{"id":"73","name":"Faroe Islands","img":"fo"},{"id":"74","name":"Fiji","img":"fj"},{"id":"75","name":"Finland","img":"fi"},{"id":"76","name":"France","img":"fr"},{"id":"77","name":"French Guiana","img":"gf"},{"id":"78","name":"French Polynesia","img":"pf"},{"id":"79","name":"French Southern Territories","img":"tf"},{"id":"80","name":"Gabon","img":"ga"},{"id":"81","name":"Gambia","img":"gm"},{"id":"82","name":"Georgia","img":"ge"},{"id":"83","name":"Germany","img":"de"},{"id":"84","name":"Ghana","img":"gh"},{"id":"85","name":"Gibraltar","img":"gi"},{"id":"86","name":"Greece","img":"gr"},{"id":"87","name":"Greenland","img":"gl"},{"id":"88","name":"Grenada","img":"gd"},{"id":"89","name":"Guadeloupe","img":"gp"},{"id":"90","name":"Guam","img":"gu"},{"id":"91","name":"Guatemala","img":"gt"},{"id":"92","name":"Guernsey","img":"gg"},{"id":"93","name":"Guinea","img":"gn"},{"id":"94","name":"Guinea-Bissau","img":"gw"},{"id":"95","name":"Guyana","img":"gy"},{"id":"96","name":"Haiti","img":"ht"},{"id":"97","name":"Heard Island and McDonald Islands","img":"hm"},{"id":"98","name":"Holy See (Vatican City State)","img":"va"},{"id":"99","name":"Honduras","img":"hn"},{"id":"100","name":"Hong Kong","img":"hk"}]
7 |
11 | [{"id":"101","name":"Hungary","img":"hu"},{"id":"102","name":"Iceland","img":"is"},{"id":"103","name":"India","img":"in"},{"id":"104","name":"Indonesia","img":"id"},{"id":"105","name":"Iran, Islamic Republic of","img":"ir"},{"id":"106","name":"Iraq","img":"iq"},{"id":"107","name":"Ireland","img":"ie"},{"id":"108","name":"Isle of Man","img":"im"},{"id":"109","name":"Israel","img":"il"},{"id":"110","name":"Italy","img":"it"},{"id":"111","name":"Jamaica","img":"jm"},{"id":"112","name":"Japan","img":"jp"},{"id":"113","name":"Jersey","img":"je"},{"id":"114","name":"Jordan","img":"jo"},{"id":"115","name":"Kazakhstan","img":"kz"},{"id":"116","name":"Kenya","img":"ke"},{"id":"117","name":"Kiribati","img":"ki"},{"id":"118","name":"Korea, Democratic People's Republic of","img":"kp"},{"id":"119","name":"Korea, Republic of","img":"kr"},{"id":"120","name":"Kuwait","img":"kw"},{"id":"121","name":"Kyrgyzstan","img":"kg"},{"id":"122","name":"Lao People's Democratic Republic","img":"la"},{"id":"123","name":"Latvia","img":"lv"},{"id":"124","name":"Lebanon","img":"lb"},{"id":"125","name":"Lesotho","img":"ls"},{"id":"126","name":"Liberia","img":"lr"},{"id":"127","name":"Libyan Arab Jamahiriya","img":"ly"},{"id":"128","name":"Liechtenstein","img":"li"},{"id":"129","name":"Lithuania","img":"lt"},{"id":"130","name":"Luxembourg","img":"lu"},{"id":"131","name":"Macao","img":"mo"},{"id":"132","name":"Macedonia, The former Yugoslav Republic of","img":"mk"},{"id":"133","name":"Madagascar","img":"mg"},{"id":"134","name":"Malawi","img":"mw"},{"id":"135","name":"Malaysia","img":"my"},{"id":"136","name":"Maldives","img":"mv"},{"id":"137","name":"Mali","img":"ml"},{"id":"138","name":"Malta","img":"mt"},{"id":"139","name":"Marshall Islands","img":"mh"},{"id":"140","name":"Martinique","img":"mq"},{"id":"141","name":"Mauritania","img":"mr"},{"id":"142","name":"Mauritius","img":"mu"},{"id":"143","name":"Mayotte","img":"yt"},{"id":"144","name":"Mexico","img":"mx"},{"id":"145","name":"Micronesia, Federated States of","img":"fm"},{"id":"146","name":"Moldova, Republic of","img":"md"},{"id":"147","name":"Monaco","img":"mc"},{"id":"148","name":"Mongolia","img":"mn"},{"id":"149","name":"Montenegro","img":"me"},{"id":"150","name":"Montserrat","img":"ms"},{"id":"151","name":"Morocco","img":"ma"},{"id":"152","name":"Mozambique","img":"mz"},{"id":"153","name":"Myanmar","img":"mm"},{"id":"154","name":"Namibia","img":"na"},{"id":"155","name":"Nauru","img":"nr"},{"id":"156","name":"Nepal","img":"np"},{"id":"157","name":"Netherlands","img":"nl"},{"id":"158","name":"New Caledonia","img":"nc"},{"id":"159","name":"New Zealand","img":"nz"},{"id":"160","name":"Nicaragua","img":"ni"},{"id":"161","name":"Niger","img":"ne"},{"id":"162","name":"Nigeria","img":"ng"},{"id":"163","name":"Niue","img":"nu"},{"id":"164","name":"Norfolk Island","img":"nf"},{"id":"165","name":"Northern Mariana Islands","img":"mp"},{"id":"166","name":"Norway","img":"no"},{"id":"167","name":"Oman","img":"om"},{"id":"168","name":"Pakistan","img":"pk"},{"id":"169","name":"Palau","img":"pw"},{"id":"170","name":"Palestinian Territory, Occupied","img":"ps"},{"id":"171","name":"Panama","img":"pa"},{"id":"172","name":"Papua New Guinea","img":"pg"},{"id":"173","name":"Paraguay","img":"py"},{"id":"174","name":"Peru","img":"pe"},{"id":"175","name":"Philippines","img":"ph"},{"id":"176","name":"Pitcairn","img":"pn"},{"id":"177","name":"Poland","img":"pl"},{"id":"178","name":"Portugal","img":"pt"},{"id":"179","name":"Puerto Rico","img":"pr"},{"id":"180","name":"Qatar","img":"qa"},{"id":"181","name":"Reunion","img":"re"},{"id":"182","name":"Romania","img":"ro"},{"id":"183","name":"Russian Federation","img":"ru"},{"id":"184","name":"Rwanda","img":"rw"},{"id":"185","name":"Saint Barthelemy","img":"bl"},{"id":"186","name":"Saint Helena, Ascension and Tristan Da Cunha","img":"sh"},{"id":"187","name":"Saint Kitts and Nevis","img":"kn"},{"id":"188","name":"Saint Lucia","img":"lc"},{"id":"189","name":"Saint Martin (French Part)","img":"mf"},{"id":"190","name":"Saint Pierre and Miquelon","img":"pm"},{"id":"191","name":"Saint Vincent and The Grenadines","img":"vc"},{"id":"192","name":"Samoa","img":"ws"},{"id":"193","name":"San Marino","img":"sm"},{"id":"194","name":"Sao Tome and Principe","img":"st"},{"id":"195","name":"Saudi Arabia","img":"sa"},{"id":"196","name":"Senegal","img":"sn"},{"id":"197","name":"Serbia","img":"rs"},{"id":"198","name":"Seychelles","img":"sc"},{"id":"199","name":"Sierra Leone","img":"sl"},{"id":"200","name":"Singapore","img":"sg"}]
12 |
16 | [{"id":"201","name":"Sint Maarten (Dutch Part)","img":"sx"},{"id":"202","name":"Slovakia","img":"sk"},{"id":"203","name":"Slovenia","img":"si"},{"id":"204","name":"Solomon Islands","img":"sb"},{"id":"205","name":"Somalia","img":"so"},{"id":"206","name":"South Africa","img":"za"},{"id":"207","name":"South Georgia and The South Sandwich Islands","img":"gs"},{"id":"208","name":"South Sudan","img":"ss"},{"id":"209","name":"Spain","img":"es"},{"id":"210","name":"Sri Lanka","img":"lk"},{"id":"211","name":"Sudan","img":"sd"},{"id":"212","name":"Suriname","img":"sr"},{"id":"213","name":"Svalbard and Jan Mayen","img":"sj"},{"id":"214","name":"Swaziland","img":"sz"},{"id":"215","name":"Sweden","img":"se"},{"id":"216","name":"Switzerland","img":"ch"},{"id":"217","name":"Syrian Arab Republic","img":"sy"},{"id":"218","name":"Taiwan, Province of China","img":"tw"},{"id":"219","name":"Tajikistan","img":"tj"},{"id":"220","name":"Tanzania, United Republic of","img":"tz"},{"id":"221","name":"Thailand","img":"th"},{"id":"222","name":"Timor-Leste","img":"tl"},{"id":"223","name":"Togo","img":"tg"},{"id":"224","name":"Tokelau","img":"tk"},{"id":"225","name":"Tonga","img":"to"},{"id":"226","name":"Trinidad and Tobago","img":"tt"},{"id":"227","name":"Tunisia","img":"tn"},{"id":"228","name":"Turkey","img":"tr"},{"id":"229","name":"Turkmenistan","img":"tm"},{"id":"230","name":"Turks and Caicos Islands","img":"tc"},{"id":"231","name":"Tuvalu","img":"tv"},{"id":"232","name":"Uganda","img":"ug"},{"id":"233","name":"Ukraine","img":"ua"},{"id":"234","name":"United Arab Emirates","img":"ae"},{"id":"235","name":"United Kingdom","img":"gb"},{"id":"236","name":"United States","img":"us"},{"id":"237","name":"United States Minor Outlying Islands","img":"um"},{"id":"238","name":"Uruguay","img":"uy"},{"id":"239","name":"Uzbekistan","img":"uz"},{"id":"240","name":"Vanuatu","img":"vu"},{"id":"241","name":"Venezuela, Bolivarian Republic of","img":"ve"},{"id":"242","name":"Viet Nam","img":"vn"},{"id":"243","name":"Virgin Islands, British","img":"vg"},{"id":"244","name":"Virgin Islands, U.S.","img":"vi"},{"id":"245","name":"Wallis and Futuna","img":"wf"},{"id":"246","name":"Western Sahara","img":"eh"},{"id":"247","name":"Yemen","img":"ye"},{"id":"248","name":"Zambia","img":"zm"},{"id":"249","name":"Zimbabwe","img":"zw"}]
17 |
21 |
22 |
--------------------------------------------------------------------------------
/v2demo/loadmore_with_php/contries.php:
--------------------------------------------------------------------------------
1 |
6 | [{"id":"1","name":"Afghanistan","img":"af"},{"id":"2","name":"Aland Islands","img":"ax"},{"id":"3","name":"Albania","img":"al"},{"id":"4","name":"Algeria","img":"dz"},{"id":"5","name":"American Samoa","img":"as"},{"id":"6","name":"Andorra","img":"ad"},{"id":"7","name":"Angola","img":"ao"},{"id":"8","name":"Anguilla","img":"ai"},{"id":"9","name":"Antarctica","img":"aq"},{"id":"10","name":"Antigua and Barbuda","img":"ag"},{"id":"11","name":"Argentina","img":"ar"},{"id":"12","name":"Armenia","img":"am"},{"id":"13","name":"Aruba","img":"aw"},{"id":"14","name":"Australia","img":"au"},{"id":"15","name":"Austria","img":"at"},{"id":"16","name":"Azerbaijan","img":"az"},{"id":"17","name":"Bahamas","img":"bs"},{"id":"18","name":"Bahrain","img":"bh"},{"id":"19","name":"Bangladesh","img":"bd"},{"id":"20","name":"Barbados","img":"bb"},{"id":"21","name":"Belarus","img":"by"},{"id":"22","name":"Belgium","img":"be"},{"id":"23","name":"Belize","img":"bz"},{"id":"24","name":"Benin","img":"bj"},{"id":"25","name":"Bermuda","img":"bm"},{"id":"26","name":"Bhutan","img":"bt"},{"id":"27","name":"Bolivia, Plurinational State of","img":"bo"},{"id":"28","name":"Bonaire, Sint Eustatius and Saba","img":"bq"},{"id":"29","name":"Bosnia and Herzegovina","img":"ba"},{"id":"30","name":"Botswana","img":"bw"},{"id":"31","name":"Bouvet Island","img":"bv"},{"id":"32","name":"Brazil","img":"br"},{"id":"33","name":"British Indian Ocean Territory","img":"io"},{"id":"34","name":"Brunei Darussalam","img":"bn"},{"id":"35","name":"Bulgaria","img":"bg"},{"id":"36","name":"Burkina Faso","img":"bf"},{"id":"37","name":"Burundi","img":"bi"},{"id":"38","name":"Cambodia","img":"kh"},{"id":"39","name":"Cameroon","img":"cm"},{"id":"40","name":"Canada","img":"ca"},{"id":"41","name":"Cape Verde","img":"cv"},{"id":"42","name":"Cayman Islands","img":"ky"},{"id":"43","name":"Central African Republic","img":"cf"},{"id":"44","name":"Chad","img":"td"},{"id":"45","name":"Chile","img":"cl"},{"id":"46","name":"China","img":"cn"},{"id":"47","name":"Christmas Island","img":"cx"},{"id":"48","name":"Cocos (Keeling) Islands","img":"cc"},{"id":"49","name":"Colombia","img":"co"},{"id":"50","name":"Comoros","img":"km"},{"id":"51","name":"Congo","img":"cg"},{"id":"52","name":"Congo, The Democratic Republic of the","img":"cd"},{"id":"53","name":"Cook Islands","img":"ck"},{"id":"54","name":"Costa Rica","img":"cr"},{"id":"55","name":"Cote d'Ivoire","img":"ci"},{"id":"56","name":"Croatia","img":"hr"},{"id":"57","name":"Cuba","img":"cu"},{"id":"58","name":"Curacao","img":"cw"},{"id":"59","name":"Cyprus","img":"cy"},{"id":"60","name":"Czech Republic","img":"cz"},{"id":"61","name":"Denmark","img":"dk"},{"id":"62","name":"Djibouti","img":"dj"},{"id":"63","name":"Dominica","img":"dm"},{"id":"64","name":"Dominican Republic","img":"do"},{"id":"65","name":"Ecuador","img":"ec"},{"id":"66","name":"Egypt","img":"eg"},{"id":"67","name":"El Salvador","img":"sv"},{"id":"68","name":"Equatorial Guinea","img":"gq"},{"id":"69","name":"Eritrea","img":"er"},{"id":"70","name":"Estonia","img":"ee"},{"id":"71","name":"Ethiopia","img":"et"},{"id":"72","name":"Falkland Islands (Malvinas)","img":"fk"},{"id":"73","name":"Faroe Islands","img":"fo"},{"id":"74","name":"Fiji","img":"fj"},{"id":"75","name":"Finland","img":"fi"},{"id":"76","name":"France","img":"fr"},{"id":"77","name":"French Guiana","img":"gf"},{"id":"78","name":"French Polynesia","img":"pf"},{"id":"79","name":"French Southern Territories","img":"tf"},{"id":"80","name":"Gabon","img":"ga"},{"id":"81","name":"Gambia","img":"gm"},{"id":"82","name":"Georgia","img":"ge"},{"id":"83","name":"Germany","img":"de"},{"id":"84","name":"Ghana","img":"gh"},{"id":"85","name":"Gibraltar","img":"gi"},{"id":"86","name":"Greece","img":"gr"},{"id":"87","name":"Greenland","img":"gl"},{"id":"88","name":"Grenada","img":"gd"},{"id":"89","name":"Guadeloupe","img":"gp"},{"id":"90","name":"Guam","img":"gu"},{"id":"91","name":"Guatemala","img":"gt"},{"id":"92","name":"Guernsey","img":"gg"},{"id":"93","name":"Guinea","img":"gn"},{"id":"94","name":"Guinea-Bissau","img":"gw"},{"id":"95","name":"Guyana","img":"gy"},{"id":"96","name":"Haiti","img":"ht"},{"id":"97","name":"Heard Island and McDonald Islands","img":"hm"},{"id":"98","name":"Holy See (Vatican City State)","img":"va"},{"id":"99","name":"Honduras","img":"hn"},{"id":"100","name":"Hong Kong","img":"hk"}]
7 |
11 | [{"id":"101","name":"Hungary","img":"hu"},{"id":"102","name":"Iceland","img":"is"},{"id":"103","name":"India","img":"in"},{"id":"104","name":"Indonesia","img":"id"},{"id":"105","name":"Iran, Islamic Republic of","img":"ir"},{"id":"106","name":"Iraq","img":"iq"},{"id":"107","name":"Ireland","img":"ie"},{"id":"108","name":"Isle of Man","img":"im"},{"id":"109","name":"Israel","img":"il"},{"id":"110","name":"Italy","img":"it"},{"id":"111","name":"Jamaica","img":"jm"},{"id":"112","name":"Japan","img":"jp"},{"id":"113","name":"Jersey","img":"je"},{"id":"114","name":"Jordan","img":"jo"},{"id":"115","name":"Kazakhstan","img":"kz"},{"id":"116","name":"Kenya","img":"ke"},{"id":"117","name":"Kiribati","img":"ki"},{"id":"118","name":"Korea, Democratic People's Republic of","img":"kp"},{"id":"119","name":"Korea, Republic of","img":"kr"},{"id":"120","name":"Kuwait","img":"kw"},{"id":"121","name":"Kyrgyzstan","img":"kg"},{"id":"122","name":"Lao People's Democratic Republic","img":"la"},{"id":"123","name":"Latvia","img":"lv"},{"id":"124","name":"Lebanon","img":"lb"},{"id":"125","name":"Lesotho","img":"ls"},{"id":"126","name":"Liberia","img":"lr"},{"id":"127","name":"Libyan Arab Jamahiriya","img":"ly"},{"id":"128","name":"Liechtenstein","img":"li"},{"id":"129","name":"Lithuania","img":"lt"},{"id":"130","name":"Luxembourg","img":"lu"},{"id":"131","name":"Macao","img":"mo"},{"id":"132","name":"Macedonia, The former Yugoslav Republic of","img":"mk"},{"id":"133","name":"Madagascar","img":"mg"},{"id":"134","name":"Malawi","img":"mw"},{"id":"135","name":"Malaysia","img":"my"},{"id":"136","name":"Maldives","img":"mv"},{"id":"137","name":"Mali","img":"ml"},{"id":"138","name":"Malta","img":"mt"},{"id":"139","name":"Marshall Islands","img":"mh"},{"id":"140","name":"Martinique","img":"mq"},{"id":"141","name":"Mauritania","img":"mr"},{"id":"142","name":"Mauritius","img":"mu"},{"id":"143","name":"Mayotte","img":"yt"},{"id":"144","name":"Mexico","img":"mx"},{"id":"145","name":"Micronesia, Federated States of","img":"fm"},{"id":"146","name":"Moldova, Republic of","img":"md"},{"id":"147","name":"Monaco","img":"mc"},{"id":"148","name":"Mongolia","img":"mn"},{"id":"149","name":"Montenegro","img":"me"},{"id":"150","name":"Montserrat","img":"ms"},{"id":"151","name":"Morocco","img":"ma"},{"id":"152","name":"Mozambique","img":"mz"},{"id":"153","name":"Myanmar","img":"mm"},{"id":"154","name":"Namibia","img":"na"},{"id":"155","name":"Nauru","img":"nr"},{"id":"156","name":"Nepal","img":"np"},{"id":"157","name":"Netherlands","img":"nl"},{"id":"158","name":"New Caledonia","img":"nc"},{"id":"159","name":"New Zealand","img":"nz"},{"id":"160","name":"Nicaragua","img":"ni"},{"id":"161","name":"Niger","img":"ne"},{"id":"162","name":"Nigeria","img":"ng"},{"id":"163","name":"Niue","img":"nu"},{"id":"164","name":"Norfolk Island","img":"nf"},{"id":"165","name":"Northern Mariana Islands","img":"mp"},{"id":"166","name":"Norway","img":"no"},{"id":"167","name":"Oman","img":"om"},{"id":"168","name":"Pakistan","img":"pk"},{"id":"169","name":"Palau","img":"pw"},{"id":"170","name":"Palestinian Territory, Occupied","img":"ps"},{"id":"171","name":"Panama","img":"pa"},{"id":"172","name":"Papua New Guinea","img":"pg"},{"id":"173","name":"Paraguay","img":"py"},{"id":"174","name":"Peru","img":"pe"},{"id":"175","name":"Philippines","img":"ph"},{"id":"176","name":"Pitcairn","img":"pn"},{"id":"177","name":"Poland","img":"pl"},{"id":"178","name":"Portugal","img":"pt"},{"id":"179","name":"Puerto Rico","img":"pr"},{"id":"180","name":"Qatar","img":"qa"},{"id":"181","name":"Reunion","img":"re"},{"id":"182","name":"Romania","img":"ro"},{"id":"183","name":"Russian Federation","img":"ru"},{"id":"184","name":"Rwanda","img":"rw"},{"id":"185","name":"Saint Barthelemy","img":"bl"},{"id":"186","name":"Saint Helena, Ascension and Tristan Da Cunha","img":"sh"},{"id":"187","name":"Saint Kitts and Nevis","img":"kn"},{"id":"188","name":"Saint Lucia","img":"lc"},{"id":"189","name":"Saint Martin (French Part)","img":"mf"},{"id":"190","name":"Saint Pierre and Miquelon","img":"pm"},{"id":"191","name":"Saint Vincent and The Grenadines","img":"vc"},{"id":"192","name":"Samoa","img":"ws"},{"id":"193","name":"San Marino","img":"sm"},{"id":"194","name":"Sao Tome and Principe","img":"st"},{"id":"195","name":"Saudi Arabia","img":"sa"},{"id":"196","name":"Senegal","img":"sn"},{"id":"197","name":"Serbia","img":"rs"},{"id":"198","name":"Seychelles","img":"sc"},{"id":"199","name":"Sierra Leone","img":"sl"},{"id":"200","name":"Singapore","img":"sg"}]
12 |
16 | [{"id":"201","name":"Sint Maarten (Dutch Part)","img":"sx"},{"id":"202","name":"Slovakia","img":"sk"},{"id":"203","name":"Slovenia","img":"si"},{"id":"204","name":"Solomon Islands","img":"sb"},{"id":"205","name":"Somalia","img":"so"},{"id":"206","name":"South Africa","img":"za"},{"id":"207","name":"South Georgia and The South Sandwich Islands","img":"gs"},{"id":"208","name":"South Sudan","img":"ss"},{"id":"209","name":"Spain","img":"es"},{"id":"210","name":"Sri Lanka","img":"lk"},{"id":"211","name":"Sudan","img":"sd"},{"id":"212","name":"Suriname","img":"sr"},{"id":"213","name":"Svalbard and Jan Mayen","img":"sj"},{"id":"214","name":"Swaziland","img":"sz"},{"id":"215","name":"Sweden","img":"se"},{"id":"216","name":"Switzerland","img":"ch"},{"id":"217","name":"Syrian Arab Republic","img":"sy"},{"id":"218","name":"Taiwan, Province of China","img":"tw"},{"id":"219","name":"Tajikistan","img":"tj"},{"id":"220","name":"Tanzania, United Republic of","img":"tz"},{"id":"221","name":"Thailand","img":"th"},{"id":"222","name":"Timor-Leste","img":"tl"},{"id":"223","name":"Togo","img":"tg"},{"id":"224","name":"Tokelau","img":"tk"},{"id":"225","name":"Tonga","img":"to"},{"id":"226","name":"Trinidad and Tobago","img":"tt"},{"id":"227","name":"Tunisia","img":"tn"},{"id":"228","name":"Turkey","img":"tr"},{"id":"229","name":"Turkmenistan","img":"tm"},{"id":"230","name":"Turks and Caicos Islands","img":"tc"},{"id":"231","name":"Tuvalu","img":"tv"},{"id":"232","name":"Uganda","img":"ug"},{"id":"233","name":"Ukraine","img":"ua"},{"id":"234","name":"United Arab Emirates","img":"ae"},{"id":"235","name":"United Kingdom","img":"gb"},{"id":"236","name":"United States","img":"us"},{"id":"237","name":"United States Minor Outlying Islands","img":"um"},{"id":"238","name":"Uruguay","img":"uy"},{"id":"239","name":"Uzbekistan","img":"uz"},{"id":"240","name":"Vanuatu","img":"vu"},{"id":"241","name":"Venezuela, Bolivarian Republic of","img":"ve"},{"id":"242","name":"Viet Nam","img":"vn"},{"id":"243","name":"Virgin Islands, British","img":"vg"},{"id":"244","name":"Virgin Islands, U.S.","img":"vi"},{"id":"245","name":"Wallis and Futuna","img":"wf"},{"id":"246","name":"Western Sahara","img":"eh"},{"id":"247","name":"Yemen","img":"ye"},{"id":"248","name":"Zambia","img":"zm"},{"id":"249","name":"Zimbabwe","img":"zw"}]
17 |
21 |
22 |
--------------------------------------------------------------------------------