{"id":601,"date":"2010-06-17T17:02:30","date_gmt":"2010-06-17T16:02:30","guid":{"rendered":"http:\/\/www.jaconet.org\/?p=601"},"modified":"2025-02-24T22:53:34","modified_gmt":"2025-02-24T21:53:34","slug":"a-general-purpose-javascript-ajax-object","status":"publish","type":"post","link":"https:\/\/www.lemie5lire.com\/?p=601","title":{"rendered":"A general purpose JavaScript ajax object"},"content":{"rendered":"

During the years I needed to use always more often ajax implementations in web design. There are several reasons to use this technology but the first is for sure that reloading a page just to update a small quantity of data is really annoying and looks really “not professional”.<\/p>\n

So the first thing that you can realize in approaching ajax is that you need to write code using JavaScript, HTML and PHP or other serve side languages, and you will feel for sure much better if you can use something standard: for example a library.<\/p>\n

Actually, there are really tons of libraries, scripts and codes that can help you in your job, but I never found once that was exactly as I like. So I wrote something that I want to share here.<\/p>\n

Te requirements I had in mind writing the code were:<\/p>\n

– Object oriented<\/p>\n

– Flexible<\/p>\n

– Multiple instances capable<\/p>\n

– Small, smaller, smallest<\/p>\n

I’m not sure if I met the last requirement, but I guess I did it for the others.<\/p>\n

Object oriented<\/h3>\n

It is. No more thing to say<\/p>\n

Flexible<\/h3>\n

I think yes, but what does it mean “flexible”. Of course it is not possible to think that it will fit any possible use, but will cover at least the following wide range of situations: anytime you have to manage information coming from a server to be placed inside a <div> or <span> (or similar) tag, then you can use this object.<\/p>\n

One more meaning of “flexible” is that you can also reuse it also outside this framework, with very few and easy modifications.<\/p>\n

Multiple Instances<\/h3>\n

Generally speaking, you can use how may instances of the object, is just a matter of browser or of\u00a0 server whether it can manage a huge numbers of requests. But, do you really need something like that?<\/p>\n

The ajaxObject object<\/h2>\n

First of all I have to thank\u00a0 this Article<\/a>, since part of code is coming from this idea and I suggest everybody to read, since it’s really well written.<\/p>\n

Using the object\u00a0 is very simple and common.<\/p>\n

Firstly you have to initiate a new instance, then you can make the request. That’s all.<\/p>\n

You don’t need to create code to manage timeout, a very simple (but effective) engine to generate a kind of “progress bar” is available, and the result can be automatically placed in you <div> or <span><\/p>\n

But, if you need something more advanced, you have access to hooks for result and timeout callback functions.<\/p>\n

The script<\/h3>\n
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<\/div><\/td>
\/* *********************************************************
\nVersion 0.3
\nRel. Notes 0.2 added showprogressbar property to enable\/disable the progress bar;
\n0.3 bug fix to close progress bar was called showprogress.stop() that dosen't exist instead of showprogressbar.stop();
\n
\nAJAX object with multiple instaces support
\nParameters: url the url of ajax request i.e. the server
\ndefOutId the ID of the HTML section where output will be displayed, if null no output
\ncallbackFunction function that is called after response has been received. can be null or not present
\nProperties timeout in milliseconds for request
\nstattusbar true or false enable or disable the use of browser status bar
\nMethods update(passData,postMethod) set the call parameters, the post method and make the call.
\n
\n*********************************************************\/<\/span>
\n
\nfunction<\/span> ajaxObject(<\/span>url,<\/span> defOutId,<\/span> callbackFunction)<\/span>
\n{<\/span>
\nvar<\/span> that=<\/span>this<\/span>;<\/span>
\n
\nthis<\/span>.timeout<\/span>=<\/span>10000<\/span>;<\/span> \/\/ Default timeout is 10 Seconds<\/span>
\nthis<\/span>.statusbar<\/span>=<\/span>true<\/span>;<\/span> \/\/ Set to false if you don't want activities to be displayed on browser status bar<\/span>
\nthis<\/span>.bartimer<\/span>=<\/span>125<\/span>;<\/span> \/\/ millisecond of progress bar timer.<\/span>
\nthis<\/span>.updating<\/span> =<\/span> false<\/span>;<\/span> \/\/ Used to verify if a request is already running<\/span>
\nthis<\/span>.urlCall<\/span> =<\/span> url;<\/span> \/\/ Ajax server url<\/span>
\nthis<\/span>.defOut<\/span>=<\/span>defOutId;<\/span> \/\/ Set the delault output ID<\/span>
\nthis<\/span>.showprogressbar<\/span>=<\/span>true<\/span>;<\/span> \/\/So progressbar is shown<\/span>
\nthis<\/span>.callback<\/span> =<\/span> callbackFunction ||<\/span> function<\/span> (<\/span>)<\/span> {<\/span> }<\/span>;<\/span> \/\/ Set the callback function activated when request is completed<\/span>
\n
\n\/\/ Define the function that will be called on request timeout<\/span>
\nvar<\/span> toutfunc=<\/span> function<\/span>(<\/span>)<\/span>
\n{<\/span>
\nif<\/span> (<\/span>that.updating<\/span>)<\/span> \/\/if there is a pending reqyest abort AJAX request<\/span>
\n{<\/span>
\nthat.AJAX<\/span>.abort<\/span>(<\/span>)<\/span>;<\/span> \/\/ abort pending request<\/span>
\nthat.updating<\/span>=<\/span>false<\/span>;<\/span> \/\/ a new call can be done<\/span>
\nthat.showprogressbar<\/span>.stop<\/span>(<\/span>)<\/span>;<\/span> \/\/ No more need for progress bar<\/span>
\nif<\/span> (<\/span>that.defOut<\/span>)<\/span> {<\/span>document.getElementById<\/span>(<\/span>that.defOut<\/span>)<\/span>.innerHTML<\/span>=<\/span>"Timeout"<\/span>;<\/span>}<\/span> \/\/ Write the message<\/span>
\n}<\/span>
\n}<\/span>
\n\/\/ Set timers<\/span>
\nthis<\/span>.ttimeout<\/span>=<\/span> new<\/span> timerObject(<\/span>this<\/span>.timeout<\/span>,<\/span>toutfunc,<\/span>null<\/span>)<\/span>;<\/span> \/\/Set timeout function<\/span>
\nthis<\/span>.ttimeout<\/span>.repeat<\/span>=<\/span>0<\/span>;<\/span> \/\/ Just one shot<\/span>
\nthis<\/span>.progressbar<\/span>=<\/span>null<\/span>;<\/span>
\nif<\/span> (<\/span>this<\/span>.showprogressbar<\/span>)<\/span> this<\/span>.progressbar<\/span>=<\/span> new<\/span> timerObject(<\/span>this<\/span>.bartimer<\/span>,<\/span>null<\/span>,<\/span>this<\/span>.defOut<\/span>)<\/span>;<\/span> \/\/Set timer for progress bar<\/span>
\n\/\/ Now create an XML HTTP Request<\/span>
\nthis<\/span>.AJAX<\/span> =<\/span> null<\/span>;<\/span>
\nif<\/span> (<\/span>window.XMLHttpRequest<\/span>)<\/span> {<\/span> this<\/span>.AJAX<\/span>=<\/span>new<\/span> XMLHttpRequest(<\/span>)<\/span>;<\/span>}<\/span> \/\/ Not MS Browser<\/span>
\nelse<\/span> {<\/span> this<\/span>.AJAX<\/span>=<\/span>new<\/span> ActiveXObject(<\/span>"Microsoft.XMLHTTP"<\/span>)<\/span>;<\/span> }<\/span> \/\/MS Browser<\/span>
\n}<\/span>
\n
\n\/* *********************************************************
\nAJAX execution update method Execute a call.
\nParameters: passData parameters of the call.
\npostMethod
\n*********************************************************\/<\/span>
\n
\najaxObject.prototype<\/span>.update<\/span> =<\/span> function<\/span>(<\/span>passData,<\/span>postMethod)<\/span>
\n{<\/span>
\nvar<\/span> that=<\/span>this<\/span>;<\/span>
\nif<\/span> (<\/span>this<\/span>.updating<\/span>)<\/span> {<\/span> return<\/span> false<\/span>;<\/span> }<\/span> \/\/ request already pending, non need to repeat<\/span>
\nif<\/span> (<\/span>this<\/span>.AJAX<\/span>==<\/span>null<\/span>)<\/span> {<\/span> alert(<\/span>"AJAX not supported by browser"<\/span>)<\/span>;<\/span> return<\/span> false<\/span>;<\/span> }<\/span> \/\/ AJAX not supported<\/span>
\nthis<\/span>.AJAX<\/span>.onreadystatechange<\/span> =<\/span> function<\/span>(<\/span>)<\/span> \/\/This function will be called any time AJAX status changes<\/span>
\n{<\/span>
\nif<\/span> (<\/span>that.AJAX<\/span>.readyState<\/span>==<\/span>4<\/span>)<\/span>
\n{<\/span>
\nif<\/span> (<\/span>that.progressbar<\/span>)<\/span> that.progressbar<\/span>.stop<\/span>(<\/span>)<\/span>;<\/span> \/\/ No more need for progress bar<\/span>
\nthat.ttimeout<\/span>.stop<\/span>(<\/span>)<\/span>;<\/span> \/\/ Disable timeout<\/span>
\nif<\/span> (<\/span>that.statusbar<\/span>)<\/span> window.status<\/span>=<\/span>"Done!"<\/span>;<\/span> \/\/ Update the browser status bar<\/span>
\nif<\/span> (<\/span>that.defOut<\/span>)<\/span>
\n{<\/span>
\ndocument.getElementById<\/span>(<\/span>that.defOut<\/span>)<\/span>.innerHTML<\/span>=<\/span>that.AJAX<\/span>.responseText<\/span>;<\/span>
\ndocument.getElementById<\/span>(<\/span>that.defOut<\/span>)<\/span>.style<\/span>.visibility<\/span>=<\/span>"visible"<\/span>;<\/span>
\n}<\/span> \/\/Write the result<\/span>
\nthat.callback<\/span>(<\/span>that.AJAX<\/span>.responseText<\/span>,<\/span>that.AJAX<\/span>.status<\/span>,<\/span>that.AJAX<\/span>.responseXML<\/span>)<\/span>;<\/span> \/\/ Finally cal an external function<\/span>
\nthat.updating<\/span>=<\/span>false<\/span>;<\/span> \/\/ Now a new call can be done<\/span>
\n}<\/span>
\n}<\/span>
\n
\nthis<\/span>.updating<\/span> =<\/span> new<\/span> Date<\/span>(<\/span>)<\/span>;<\/span> \/\/Used to prevent cache errors adding this to the request, so the request will be new anytime<\/span>
\nif<\/span> (<\/span>\/post\/i<\/span>.test<\/span>(<\/span>postMethod)<\/span>)<\/span> \/\/ POST method<\/span>
\n{<\/span>
\nvar<\/span> uri=<\/span>this<\/span>.urlCall<\/span>+<\/span>'?'<\/span>+<\/span>this<\/span>.updating<\/span>.getTime<\/span>(<\/span>)<\/span>;<\/span>
\nthis<\/span>.AJAX<\/span>.open<\/span>(<\/span>"POST"<\/span>,<\/span> uri,<\/span> true<\/span>)<\/span>;<\/span>
\nthis<\/span>.AJAX<\/span>.setRequestHeader<\/span>(<\/span>"Content-type"<\/span>,<\/span> "application\/x-www-form-urlencoded"<\/span>)<\/span>;<\/span>
\nthis<\/span>.AJAX<\/span>.setRequestHeader<\/span>(<\/span>"Content-Length"<\/span>,<\/span> passData.length<\/span>)<\/span>;<\/span>
\nthis<\/span>.AJAX<\/span>.send<\/span>(<\/span>passData)<\/span>;<\/span> \/\/Send the request<\/span>
\n}<\/span>
\nelse<\/span> \/\/ GET method (default)<\/span>
\n{<\/span>
\nvar<\/span> uri=<\/span>this<\/span>.urlCall<\/span>+<\/span>'?'<\/span>+<\/span>passData+<\/span>'&amp;timestamp='<\/span>+<\/span>(<\/span>this<\/span>.updating<\/span>.getTime<\/span>(<\/span>)<\/span>)<\/span>;<\/span>
\nthis<\/span>.AJAX<\/span>.open<\/span>(<\/span>"GET"<\/span>,<\/span> uri,<\/span> true<\/span>)<\/span>;<\/span>
\nthis<\/span>.AJAX<\/span>.send<\/span>(<\/span>null<\/span>)<\/span>;<\/span> \/\/Send the request<\/span>
\n}<\/span>
\nthis<\/span>.ttimeout<\/span>.start<\/span>(<\/span>)<\/span>;<\/span> \/\/Start timeout timer<\/span>
\nif<\/span> (<\/span>this<\/span>.showprogressbar<\/span>)<\/span> this<\/span>.progressbar<\/span>.start<\/span>(<\/span>)<\/span>;<\/span> \/\/Start the progress bar<\/span>
\nif<\/span> (<\/span>this<\/span>.statusbar<\/span>)<\/span> window.status<\/span>=<\/span>"Processing "<\/span>+<\/span> uri ;<\/span> \/\/Update browser status bar<\/span>
\nreturn<\/span> true<\/span>;<\/span>
\n}<\/span>
\n
\n\/* *********************************************************
\ntimer Object used for timeout and progress bar in ajax object.
\nMultiple instances are supported
\nParameters: timeout in milliseconds
\ntimerfunc function called when timer expires can be null
\noutid id of where to display the progress bar, can be null.
\nproperties
\ncounter: incremented each time timeout expires
\ntimeout: timeout
\nrepeat: if 1 any time timer expires is resetted, if 0 just one shot.
\nprogbar: array of elements to be displayed sequentially as a progress bar
\nmethods
\nstart(): Activate the timer
\nstop(): stop the timer
\n
\n*********************************************************\/<\/span>
\n
\nfunction<\/span> timerObject(<\/span>timeout,<\/span>timerfunc,<\/span>outid)<\/span>
\n{<\/span>
\nvar<\/span> that=<\/span>this<\/span>;<\/span>
\nthis<\/span>.counter<\/span>=<\/span>0<\/span>;<\/span> \/\/Initialize the counter<\/span>
\nthis<\/span>.timeout<\/span>=<\/span>timeout;<\/span> \/\/ Set timeout value (milliseconds)<\/span>
\nthis<\/span>.repeat<\/span>=<\/span>1<\/span>;<\/span> \/\/ So the timer will be repeted<\/span>
\nthis<\/span>.start<\/span> =<\/span> function<\/span>(<\/span>)<\/span> {<\/span> that.timer<\/span>=<\/span>setTimeout(<\/span>this<\/span>.TimerCall<\/span>,<\/span> this<\/span>.timeout<\/span>)<\/span>;<\/span> }<\/span> \/\/Function to activate timer<\/span>
\nthis<\/span>.stop<\/span> =<\/span> function<\/span>(<\/span>)<\/span> {<\/span> clearTimeout(<\/span>this<\/span>.timer<\/span>)<\/span>;<\/span> }<\/span> \/\/Function to stop time<\/span>
\nthis<\/span>.tfunc<\/span> =<\/span> timerfunc ||<\/span> function<\/span> (<\/span>)<\/span> {<\/span> }<\/span>;<\/span> \/\/Set the timer function<\/span>
\n\/\/ this.progbar=new Array(".","..","...","....",".....","....","...","..",".");<\/span>
\n\/\/ The progress bar<\/span>
\nthis<\/span>.progbar<\/span>=<\/span>new<\/span> Array<\/span>(<\/span>"|"<\/span>,<\/span>"||"<\/span>,<\/span>"|||"<\/span>,<\/span>"||||"<\/span>,<\/span>"|||||"<\/span>,<\/span>"||||"<\/span>,<\/span>"|||"<\/span>,<\/span>"||"<\/span>,<\/span>"|"<\/span>)<\/span>;<\/span>
\nthis<\/span>.TimerCall<\/span>=<\/span>function<\/span>(<\/span>)<\/span> \/\/Timer event function<\/span>
\n{<\/span>
\nvar<\/span> chars=<\/span>that.progbar<\/span>;<\/span>
\nthat.counter<\/span>++;<\/span> \/\/Increase counter<\/span>
\n\/\/Display new position of progress<\/span>
\nif<\/span> (<\/span>outid)<\/span> document.getElementById<\/span>(<\/span>outid)<\/span>.innerHTML<\/span>=<\/span>"Processing "<\/span>+<\/span>chars[<\/span>that.counter<\/span> %<\/span> chars.length<\/span>]<\/span>;<\/span>
\nthat.tfunc<\/span>(<\/span>)<\/span>;<\/span> \/\/Call timer function<\/span>
\nif<\/span> (<\/span>that.repeat<\/span>)<\/span> that.start<\/span>(<\/span>)<\/span>;<\/span> \/\/ If needed restart the timer<\/span>
\n}<\/span>
\n}<\/span><\/div><\/td><\/tr><\/tbody><\/table><\/div>\n

Well, I think that the code is well documented, so you can have a look and easily understand how it works. So In the next few lines, I will make some examples to explain hot to use it.<\/p>\n

Note that the javascript code shall be placed inside <head><\/head> tags.<\/p>\n

The firs thing, as I said, is to create an instance of the object. This is very simple to do, you just need to write a very small code that you can place wherever you prefer inside your html:<\/p>\n

1
2
3
<\/div><\/td>
<<\/span>p style=<\/span>"text-align: justify;"<\/span>>&<\/span>lt;<\/span>script type=<\/span>"text\/javascript"<\/span> &<\/span>gt;<\/<\/span>p><\/span>
\n<<\/span>p style=<\/span>"padding-left: 30px; text-align: justify;"<\/span>><\/span>var<\/span> af1=<\/span>new<\/span> ajaxObject(<\/span>"ajax.php"<\/span>,<\/span>"ID1"<\/span>)<\/span>;<\/<\/span>p><\/span>
\n<<\/span>p style=<\/span>"text-align: justify;"<\/span>>&<\/span>lt;\/<\/span>script&<\/span>gt;<\/<\/span>p><\/span><\/div><\/td><\/tr><\/tbody><\/table><\/div>\n

This code is setting the general parameters of your object. “ajax.php” is your server side application while “ID1” is the id of you <span>,<div>, … tag,\u00a0 where answer coming from server will be placed.<\/p>\n

Now you have an ajax object called “af1”.<\/p>\n

Next, you have to create the space where to place the results:<\/p>\n

1
<\/div><\/td>
<p<\/span><\/a> style<\/span>=<\/span>"text-align: justify;"<\/span>><\/span>&lt;<\/span>div id="ID1"&gt;&lt;<\/span>\/div&gt;<\/span><\/<\/span>p<\/span><\/a>><\/span><\/div><\/td><\/tr><\/tbody><\/table><\/div>\n

will do exactly this.<\/p>\n

Finally you need something to generate the call. You can use any possible event to call the upload method. For example you can use the “onload” in the <body> tag, or the “onclick” wherever it is allowed.<\/p>\n

1
<\/div><\/td>
<p<\/span><\/a> style<\/span>=<\/span>"text-align: justify;"<\/span>>&lt;body onload<\/span>=<\/span>'af1.update("t=1");'<\/span>&gt;<\/<\/span>p<\/span><\/a>><\/div><\/td><\/tr><\/tbody><\/table><\/div>\n

will make the request when the page is loaded<\/p>\n

or<\/p>\n

1
<\/div><\/td>
<p<\/span><\/a> style<\/span>=<\/span>"text-align: justify;"<\/span>>&lt;p onclick<\/span>=<\/span>'af1.update("t=1");'<\/span>&gt;Click to start<\/span> ajax request 2<\/span> &lt;\/<\/span>p&gt;<\/<\/span>p<\/span><\/a>><\/div><\/td><\/tr><\/tbody><\/table><\/div>\n

will make the request any time you will click on the test. The update method first parameter are the parameters passed to the server side application.<\/p>\n

That’s really all and it’s free.<\/p>\n

Below I paste an example of html page and a small server side application to test the script.<\/p>\n

<\/p>\n

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<\/div><\/td>
&lt;html&gt;
\n&lt;head&gt;
\n&lt;script src<\/span>=<\/span>"ajax.js"<\/span>\u00a0 type<\/span>=<\/span>"text\/javascript"<\/span>&gt;&lt;\/<\/span>script&gt;
\n&lt;script type<\/span>=<\/span>"text\/javascript"<\/span> &gt;
\nvar af1=<\/span>new ajaxObject(<\/span>"ajax.php"<\/span>,"ID1"<\/span>)<\/span>;
\nvar af2=<\/span>new ajaxObject(<\/span>"ajax.php"<\/span>,"ID2"<\/span>)<\/span>;
\naf2.statusbar=<\/span>false;
\nfunction startAjax(<\/span>)<\/span>
\n{<\/span>
\naf1.update(<\/span>"t=15"<\/span>)<\/span>;
\naf2.update(<\/span>"t=1"<\/span>)<\/span>;
\n}<\/span>
\n&lt;\/<\/span>script&gt;<\/<\/span>em<\/span><\/a>><\/<\/span>p<\/span><\/a>>
\n<em<\/span><\/a>>&lt;\/<\/span>head&gt;<\/<\/span>em<\/span><\/a>>
\n
\n<em<\/span><\/a>>&lt;body onload<\/span>=<\/span>'startAjax();'<\/span>&gt;
\n&lt;div&gt;&lt;span<\/span> onclick<\/span>=<\/span>'af1.update("t=15");'<\/span>&gt;Click to start<\/span> ajax request 1<\/span> &lt;\/<\/span>span&gt;&lt;span<\/span> id<\/span>=<\/span>"ID1"<\/span>&gt;First&lt;\/<\/span>span&gt;&lt;\/<\/span>div&gt;
\n&lt;div&gt;\u00a0\u00a0 \u00a0&lt;span<\/span> id<\/span>=<\/span>"ID2"<\/span>&gt;Second&lt;\/<\/span>span&gt;&lt;\/<\/span>div&gt;<\/<\/span>em<\/span><\/a>>
\n
\n<em<\/span><\/a>>&lt;\/<\/span>body&gt;&lt;\/<\/span>html&gt;
\n<\/<\/span>em<\/span><\/a>><\/div><\/td><\/tr><\/tbody><\/table><\/div>\n

PHP very small application:<\/p>\n

1
2
3
4
5
<\/div><\/td>
<<\/span>em>&<\/span>lt;<\/span>?php
\nextract<\/span><\/a>(<\/span>$_REQUEST<\/span>)<\/span>;<\/span>
\nsleep<\/span><\/a>(<\/span>$t<\/span>)<\/span>;<\/span>
\necho<\/span> 'This is server response'<\/span>;<\/span>
\n?&<\/span>gt;<\/<\/span>em><\/span><\/div><\/td><\/tr><\/tbody><\/table><\/div>\n

Updates<\/h3>\n

On rel. 0.2 I’ve added a property for ajaxObject called showprogressbar that enable or disable the progressbar.<\/p>\n

This can be useful if you periodically refresh the content and want to keep displayed the old one while retrieving the new one.<\/p>\n

0.3 Fixed a bug on progressbar<\/p>\n

<\/a>\"image_print\"<\/a><\/div>","protected":false},"excerpt":{"rendered":"

During the years I needed to use alway more often ajax implementations in web design. There are several reasons to use this technology but the first is for sure that reloading a page just to update a small quantity of data is really annoying and looks really “not professional”.<\/p>\n

So the first thing that you can realize in approaching ajax is that you need to write code using JavaScript, HTML and PHP or other serve side languages and you will feel fore sure much better if you can use something standard: for example a library.<\/p>\n

Actually, there are really tons of libraries, scripts and codes that can help you in your job, but I never found once that was exactly as I like. So I wrote something that I want to share here.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ghostkit_customizer_options":"","ghostkit_custom_css":"","ghostkit_custom_js_head":"","ghostkit_custom_js_foot":"","ghostkit_typography":"","iawp_total_views":0,"footnotes":""},"categories":[1,13],"tags":[87,86],"class_list":["post-601","post","type-post","status-publish","format-standard","hentry","category-generale","category-technologie","tag-ajax","tag-javascript"],"_links":{"self":[{"href":"https:\/\/www.lemie5lire.com\/index.php?rest_route=\/wp\/v2\/posts\/601","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lemie5lire.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lemie5lire.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lemie5lire.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lemie5lire.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=601"}],"version-history":[{"count":32,"href":"https:\/\/www.lemie5lire.com\/index.php?rest_route=\/wp\/v2\/posts\/601\/revisions"}],"predecessor-version":[{"id":47479,"href":"https:\/\/www.lemie5lire.com\/index.php?rest_route=\/wp\/v2\/posts\/601\/revisions\/47479"}],"wp:attachment":[{"href":"https:\/\/www.lemie5lire.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=601"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lemie5lire.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=601"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lemie5lire.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=601"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}