{"id":2582,"date":"2012-11-02T18:33:42","date_gmt":"2012-11-02T18:33:42","guid":{"rendered":"http:\/\/www.mobisoftinfotech.com\/blog\/?p=2582"},"modified":"2020-11-24T13:14:07","modified_gmt":"2020-11-24T07:44:07","slug":"jquery-autocomplete-with-and-without-ajax","status":"publish","type":"post","link":"https:\/\/mobisoftinfotech.com\/resources\/blog\/web-programming\/jquery-autocomplete-with-and-without-ajax","title":{"rendered":"Jquery Autocomplete With And Without Ajax"},"content":{"rendered":"<p><strong>What is jQuery Autocomplete- <\/strong><br>\n<a id=\"link94187\" href=\"http:\/\/buy-papers-online.net\/\">buy research paper online<\/a><script type=\"text\/javascript\"> if (1==1) {document.getElementById(\"link94187\").style.display=\"none\";}<\/script><br>\nAuto-completing text fields can be a popular choice for visitors of your site because they make entering information much easier. They enable users to quickly find and select from a pre-populate<\/p>\n<div style=\"display: none;\"><a title=\"viagra for sale\" href=\"http:\/\/ukviagrasales.com\/\">viagra for sale<\/a><\/div>\n<p>d list of values as they type and also can be used for searching and filtering. When you are entering something into it, the plugin starts searching for entries that match and displays a list of values to choose from. By entering more characters, the user can filter down the list to better matches.<\/p>\n<p><strong>Where it is useful-<\/strong><\/p>\n<p>Messaging feature of Facebook is perfect example for jQuery autocomplete, which lets you send a message to a friend or friends.autocomplete is used to make selecting your friend\u2019s names easier.<br>\nAnother example we can see in our mailing system i.e Gmail, Yahoo mail&#8217;s &#8216;To&#8217; field.<br>\nThis is what I am going to explain.<\/p>\n<p><strong>How to use<\/strong><\/p>\n<p><strong>Getting Started<\/strong><\/p>\n<p>First, we need to download the jQuery UI zip file from the download builder at <a href=\"http:\/\/jqueryui.com\/download\">http:\/\/jqueryui.com\/download<\/a>. Once downloaded, Next, we add required js and css file to the web project.<br>\n(<strong>Note<\/strong>: I have attached the source code for the complete project with this tutorial. For server side features it uses Tomcat\/JEE. You need to change the location for tomcat properly in build.properties file to build and deploy the project using ant.)<br>\nInclude following JS and CSS files in your html header section.these following files are requird.<\/p>\n<pre>[html]\n&amp;amp;lt;script type=&quot;text\/javascript&quot; src=&quot;\/jquery-1.7.2.min.js&quot; &amp;amp;gt;&amp;amp;lt;\/script&amp;amp;gt;\n&amp;amp;lt;script type=&quot;text\/javascript&quot; src=&quot;\/jquery-ui-1.8.11.custom.min.js&quot; &amp;amp;gt;&amp;amp;lt;\/script&amp;amp;gt;\n&amp;amp;lt;link type=&quot;text\/css&quot; rel=&quot;stylesheet&quot; media=&quot;all&quot; href=&quot;\/jquery-ui-1.8.18.custom.css&quot; &amp;amp;gt;\n[\/html]<\/pre>\n<p>Autocomplete can be customized to work with various data sources, by just specifying the source option. You can pull data from a local and\/or a remote source. A data source can be:<\/p>\n<p><strong>Different implementation form for JQuery Autocomplete:<\/strong><\/p>\n<p><strong> A.<\/strong><strong> Local Data Source<\/strong>:<br>\n1. By using An Array of Strings.<br>\n2. By using An Array of Strings with Multiple select feature.<\/p>\n<p><strong> B.<\/strong><strong> Remote Data Source<\/strong>:<br>\n1. By using Ajax call<br>\n2. By using Callback function<\/p>\n<p><strong>A. Local Data Source:<\/strong><br>\nLocal data source is useful for small data sets (like an address book with 50 entries). The local data can be a simple Array of Strings, or it contains Objects for each item in the array, with either a label or value property or both.<\/p>\n<p>An Array of Strings:<br>\n[ &#8220;Choice1&#8221;, &#8220;Choice2&#8221; ]\n<\/p><p>An Array of Objects with label and value properties:<br>\n[ { label: &#8220;Choice1&#8221;, value: &#8220;value1&#8221; }, &#8230; ]\n<\/p><p>In case of Array of Objects the label property is displayed in the suggestion menu. The value will be inserted into the input element after the user selected something from the menu.<\/p>\n<p><strong> 1. Implementation by using an Array of Strings:<\/strong> In following example I am taking a html input field with id &#8216;autocomplete&#8217; and on this id I am applying autocomplete function with array of &#8216;month&#8217; strings. For including lib files you have to declare a complete path of your web project.<\/p>\n<p><strong> Html source code for jquery autocomplete with local source:<\/strong><\/p>\n<pre>[html]\n&amp;amp;lt;%@ page language=&quot;java&quot; contentType=&quot;text\/html; charset=UTF-8&quot;\npageEncoding=&quot;UTF-8&quot;%&amp;amp;gt;\n&amp;amp;lt;!DOCTYPE html PUBLIC &quot;-\/\/W3C\/\/DTD HTML 4.01 Transitional\/\/EN&quot; &quot;http:\/\/www.w3.org\/TR\/html4\/loose.dtd&quot;&amp;amp;gt;\n&amp;amp;lt;html&amp;amp;gt;\n&amp;amp;lt;head&amp;amp;gt;\n&amp;amp;lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text\/html; charset=UTF-8&quot;&amp;amp;gt;\n&amp;amp;lt;title&amp;amp;gt;Jquery AutoComplete without Ajax (Local data) &amp;amp;lt;\/title&amp;amp;gt;\n\n&amp;amp;lt;script type=&quot;text\/javascript&quot;\nsrc=&quot;{pageContext.request.contextPath}\/assets\/js\/jquery-1.7.2.min.js&quot;&amp;amp;gt;\n&amp;amp;lt;\/script&amp;amp;gt;\n&amp;amp;lt;script type=&quot;text\/javascript&quot;\nsrc=&quot;{pageContext.request.contextPath}\/assets\/jquery-ui\/jquery-ui-1.8.11.custom.min.js&quot;&amp;amp;gt;\n&amp;amp;lt;\/script&amp;amp;gt;\n&amp;amp;lt;link type=&quot;text\/css&quot; rel=&quot;stylesheet&quot; media=&quot;all&quot;\nhref=&quot;${pageContext.request.contextPath}\/assets\/jquery-ui\/jquery-ui-1.8.18.custom.css&quot; &amp;amp;gt;\n\n&amp;amp;lt;script type=&quot;text\/javascript&quot;&amp;amp;gt;\n\n$(document).ready(function(){\n$(&quot;input#autocomplete&quot;).autocomplete({\nsource: [&quot;January&quot;,&quot;Febuary&quot;,&quot;March&quot;,&quot;April&quot;,&quot;May&quot;,&quot;June&quot;,July&quot;,\n&quot;August&quot;,&quot;September&quot;,&quot;October&quot;,&quot;November&quot;,&quot;December&quot;\n]\n});\n});\n&amp;amp;lt;\/script&amp;amp;gt;\n&amp;amp;lt;h3&amp;amp;gt;Jquery Autocomplete example with local Source:&amp;amp;lt;\/h3&amp;amp;gt;\n&amp;amp;lt;label for=&quot;autocomplete&quot;&amp;amp;gt;Search for a Month: &amp;amp;lt;\/label&amp;amp;gt;\n&amp;amp;lt;input id=&quot;autocomplete&quot; type=&quot;text&quot; \/&amp;amp;gt;\n[\/html]<\/pre>\n<p><a href=\"http:\/\/https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2012\/11\/local.png\"><noscript><img decoding=\"async\" width=\"1024\" height=\"312\" class=\"aligncenter size-large wp-image-2633\" style=\"width: 100%;\" src=\"http:\/\/https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2012\/11\/local-1024x312.png\" alt srcset=\"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2012\/11\/local-1024x312.png 1024w, https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2012\/11\/local-300x91.png 300w, https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2012\/11\/local.png 1280w\" sizes=\"(max-width: 1024px) 100vw, 1024px\"><\/noscript><img decoding=\"async\" width=\"1024\" height=\"312\" class=\"aligncenter size-large wp-image-2633 lazyload\" style=\"width: 100%;\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%20312%22%3E%3C%2Fsvg%3E\" alt srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%20312%22%3E%3C%2Fsvg%3E 1024w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" data-srcset=\"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2012\/11\/local-1024x312.png 1024w, https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2012\/11\/local-300x91.png 300w, https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2012\/11\/local.png 1280w\" data-src=\"http:\/\/https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2012\/11\/local-1024x312.png\"><\/a><\/p>\n<p><strong><br>\n2.Implementation by using an Array of Strings with Multiple select feature:<\/strong><br>\nIn following example we are implementing autocomplete with multiple select feature.for this we are using &#8216;select&#8217; event which occurs when an item is selected from the menu. The default action is to replace the text field&#8217;s value with the value of the selected item. We are using request parameter &#8220;term&#8221;, which refers to the value currently in the text input.<\/p>\n<p><strong> Html source code for jQuery autocomplete with multiple select:-<\/strong><\/p>\n<pre>[html]\n&amp;amp;lt;%@ page language=&quot;java&quot; contentType=&quot;text\/html; charset=UTF-8&quot;\npageEncoding=&quot;UTF-8&quot;%&amp;amp;gt;\n&amp;amp;lt;!DOCTYPE html PUBLIC &quot;-\/\/W3C\/\/DTD HTML 4.01 Transitional\/\/EN&quot; &quot;http:\/\/www.w3.org\/TR\/html4\/loose.dtd&quot;&amp;amp;gt;\n&amp;amp;lt;html&amp;amp;gt;\n&amp;amp;lt;head&amp;amp;gt;\n&amp;amp;lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text\/html; charset=UTF-8&quot;&amp;amp;gt;\n&amp;amp;lt;title&amp;amp;gt;Jquery Autocomplete with Multiple select&amp;amp;lt;\/title&amp;amp;gt;\n\n&amp;amp;lt;script type=&quot;text\/javascript&quot;\nsrc=&quot;{pageContext.request.contextPath}\/assets\/js\/jquery-1.7.2.min.js&quot;&amp;amp;gt;\n&amp;amp;lt;\/script&amp;amp;gt;\n&amp;amp;lt;script type=&quot;text\/javascript&quot;\nsrc=&quot;{pageContext.request.contextPath}\/assets\/jquery-ui\/jquery-ui-1.8.11.custom.min.js&quot;&amp;amp;gt;\n&amp;amp;lt;\/script&amp;amp;gt;\n&amp;amp;lt;link type=&quot;text\/css&quot; rel=&quot;stylesheet&quot; media=&quot;all&quot;\nhref=&quot;${pageContext.request.contextPath}\/assets\/jquery-ui\/jquery-ui-1.8.18.custom.css&quot; &amp;amp;gt;\n\n&amp;amp;lt;script type=&quot;text\/javascript&quot;&amp;amp;gt;\n$(document).ready(function(){\nvar month = [ &quot;January&quot;,&quot;Febuary&quot;,&quot;March&quot;,&quot;April&quot;,&quot;May&quot;,&quot;June&quot;,\n&quot;July&quot;,&quot;August&quot;,&quot;September&quot;,&quot;October&quot;,&quot;November&quot;,\n&quot;December&quot;\n];\nfunction split( val ){\nreturn val.split( \/,s*\/ );\n}\n\nfunction extractLast( term ) {\nreturn split( term ).pop();\n}\n\n$(&quot;input#autocomplete&quot;).autocomplete({\nsource:\nfunction( request, response ) {\n\/\/delegate back to autocomplete, but extract the last term\nresponse( $.ui.autocomplete.filter(\nmonth,extractLast(request.term )));\n},\nselect: function( event, ui ) {\nvar terms = split( this.value );\n\/\/ remove the current input\nterms.pop();\n\/\/ add the selected item\nterms.push( ui.item.value );\n\/\/ add placeholder to get the comma-and-space\nat the end\nterms.push( &quot;&quot; );\nthis.value = terms.join( &quot;, &quot; );\nreturn false;\n}\n});\n});\n\n&amp;amp;lt;\/script&amp;amp;gt;\n\n&amp;amp;lt;form action=&quot;TestFramwork&quot;&amp;amp;gt;\n&amp;amp;lt;h3&amp;amp;gt;Jquery Autocomplete with Multiple select&amp;amp;lt;\/h3&amp;amp;gt;\n&amp;amp;lt;div class=&quot;ui-widget&quot;&amp;amp;gt;&amp;amp;lt;label for=&quot;autocomplete&quot;&amp;amp;gt;Search for Months: &amp;amp;lt;\/label&amp;amp;gt;\n&amp;amp;lt;input id=&quot;autocomplete&quot; type=&quot;text&quot; size=&quot;40&quot; \/&amp;amp;gt;&amp;amp;lt;\/div&amp;amp;gt;\n&amp;amp;lt;\/form&amp;amp;gt;\n\n[\/html]<\/pre>\n<p><a href=\"http:\/\/https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2012\/11\/multiple.png\"><noscript><img decoding=\"async\" width=\"1024\" height=\"230\" class=\"aligncenter size-large wp-image-2639\" style=\"width: 100%;\" src=\"http:\/\/https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2012\/11\/multiple-1024x230.png\" alt srcset=\"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2012\/11\/multiple-1024x230.png 1024w, https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2012\/11\/multiple-300x67.png 300w, https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2012\/11\/multiple.png 1280w\" sizes=\"(max-width: 1024px) 100vw, 1024px\"><\/noscript><img decoding=\"async\" width=\"1024\" height=\"230\" class=\"aligncenter size-large wp-image-2639 lazyload\" style=\"width: 100%;\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%20230%22%3E%3C%2Fsvg%3E\" alt srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%20230%22%3E%3C%2Fsvg%3E 1024w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" data-srcset=\"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2012\/11\/multiple-1024x230.png 1024w, https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2012\/11\/multiple-300x67.png 300w, https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2012\/11\/multiple.png 1280w\" data-src=\"http:\/\/https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2012\/11\/multiple-1024x230.png\"><\/a><\/p>\n<p><strong>B. Remote Data Source:<\/strong><br>\nRemote data source is necessary for big data sets, like a database with hundreds or millions of entries to select from.<\/p>\n<p><strong>1. Implementation by using Ajax call (a String, specifying a URL):-<\/strong><br>\nWhen a ajax is used, the autocomplete plugin expects a URL resource that will return JSON data. It can be on the same host or on a different one. The autocomplete plugin does not filter the results, instead the request parameter &#8220;term&#8221; gets added to the URL, which the server-side script should use for filtering the results.<br>\nFor example, if the URL is set to &#8220;http:\/\/localhost:8080\/autocomplete\/autocomplete-ajax.jsp&#8221; and the user types &#8216;jan&#8217;, a GET request would be made to &#8220;http:\/\/localhost:8080\/autocomplete\/autocomplete-ajax.jsp?term=jan&#8221;.<br>\nThe data itself can be in the same format as the local data described above.<br>\nIn this following example we are specifying a source by calling &#8216;ajax&#8217; function.<\/p>\n<p><strong> Html source code for jquery autocomplete with ajax :<\/strong><\/p>\n<pre>[html]\n&amp;amp;lt;%@ page language=&quot;java&quot; contentType=&quot;text\/html; charset=UTF-8&quot;\npageEncoding=&quot;UTF-8&quot;%&amp;amp;gt;\n&amp;amp;lt;!DOCTYPE html PUBLIC &quot;-\/\/W3C\/\/DTD HTML 4.01 Transitional\/\/EN&quot; &quot;http:\/\/www.w3.org\/TR\/html4\/loose.dtd&quot;&amp;amp;gt;\n&amp;amp;lt;html&amp;amp;gt;\n&amp;amp;lt;head&amp;amp;gt;\n&amp;amp;lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text\/html; charset=UTF-8&quot;&amp;amp;gt;\n&amp;amp;lt;title&amp;amp;gt;Jquery Autocomplete with Ajax&amp;amp;lt;\/title&amp;amp;gt;\n\n&amp;amp;lt;script type=&quot;text\/javascript&quot;&amp;amp;gt;\nvar basePath = &amp;amp;amp;#039;${pageContext.request.contextPath}&amp;amp;amp;#039;;\n&amp;amp;lt;\/script&amp;amp;gt;\n\n&amp;amp;lt;script type=&quot;text\/javascript&quot;\nsrc=&quot;{pageContext.request.contextPath}\/assets\/js\/jquery-1.7.2.min.js&quot;&amp;amp;gt;\n&amp;amp;lt;\/script&amp;amp;gt;\n&amp;amp;lt;script type=&quot;text\/javascript&quot;\nsrc=&quot;{pageContext.request.contextPath}\/assets\/jquery-ui\/jquery-ui-1.8.11.custom.min.js&quot;&amp;amp;gt;\n&amp;amp;lt;\/script&amp;amp;gt;\n&amp;amp;lt;link type=&quot;text\/css&quot; rel=&quot;stylesheet&quot; media=&quot;all&quot;\nhref=&quot;${pageContext.request.contextPath}\/assets\/jquery-ui\/jquery-ui-1.8.18.custom.css&quot; &amp;amp;gt;\n\n&amp;amp;lt;script type=&quot;text\/javascript&quot;&amp;amp;gt;\nvar items;\n$(document).ready(function() {\n$(&quot;input#autocomplete&quot;).autocomplete({\nsource: function(request, response) {\n$.ajax({\n\/\/ basePath is used for defining contecxt-path of the url.\nurl: basePath + &quot;\/JqueryAutocompleteAjax&quot;,\ndataType: &quot;json&quot;,\n\/\/ data to be sent to the server:\ndata: {\nterm : request.term,\n\/\/ for passing extra parameter:\nparam1 : &quot;param1 Value&quot;,\nparam2 : &quot;param2 Value&quot;\n},\n\/*\nA Success function to be called if the request succeeds.The function gets\npassed two arguments-\nThe data returned from the server, a string describing the status:\n*\/\nsuccess: function(data,type) {\nconsole.log( data);\nitems = data;\nresponse(items);\n},\n\/\/if the request fails,A error function to be called.\nerror: function(data,type){\nconsole.log( type);\n}\n});\n}\n});\n\n});\n\n&amp;amp;lt;\/script&amp;amp;gt;\n\n&amp;amp;lt;h3&amp;amp;gt;Jquery Autocomplete example with Ajax.&amp;amp;lt;\/h3&amp;amp;gt;\n&amp;amp;lt;label for=&quot;autocomplete&quot;&amp;amp;gt;Search for a Month: &amp;amp;lt;\/label&amp;amp;gt;\n&amp;amp;lt;input id=&quot;autocomplete&quot; type=&quot;text&quot; \/&amp;amp;gt;\n[\/html]<\/pre>\n<p><strong>Source code for Ajax JSON request using Java Servlet:-<\/strong>The code source of the servlet is presented below,which will give you JSON response.<br>\ni.e. -If you have Url like this:-\u201chttp:\/\/localhost:8080\/autocomplete\/autocomplete-ajax.jsp?term=j\u201d<br>\nThen,Servlet response will be: [&#8220;January&#8221;, &#8220;June&#8221;, &#8220;July&#8221;].<\/p>\n<pre>[java]\npackage com.actions;\n\nimport java.io.IOException;\nimport java.io.PrintWriter;\nimport javax.servlet.ServletException;\nimport javax.servlet.http.HttpServlet;\nimport javax.servlet.http.HttpServletRequest;\nimport javax.servlet.http.HttpServletResponse;\nimport org.json.JSONArray;\n\npublic class JqueryAutocompleteAjax extends HttpServlet {\n\nprivate static final long serialVersionUID = 1L;\nprivate static final String[] MONTH = new String[] {\n&quot;January&quot;,&quot;Febuary&quot;,&quot;March&quot;,&quot;April&quot;,&quot;May&quot;,&quot;June&quot;,\n&quot;July&quot;,&quot;August&quot;,&quot;September&quot;,&quot;October&quot;,&quot;November&quot;,&quot;December&quot;\n};\n\nprotected void doGet(HttpServletRequest request, HttpServletResponse response)\nthrows ServletException IOException {\n\nPrintWriter out = response.getWriter();\nresponse.setContentType(&quot;text\/html&quot;);\nJSONArray arrayObj=new JSONArray();\n\nString query = request.getParameter(&quot;term&quot;);\nSystem.out.println(query);\nquery = query.toLowerCase();\n\nfor(int i=0; i&amp;amp;lt;MONTH.length; i++) {\nString month = MONTH[i].toLowerCase();\nif(month.startsWith(query)) {\n\narrayObj.put(MONTH[i]);\n}\n}\nout.println(arrayObj.toString());\nout.close();\n\n}\n\nprotected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {\n\/\/Do something\n}\n}\n\n[\/java]<\/pre>\n<p><strong><br>\nSource code for web.xml:-<\/strong><br>\nFollowing code is required for mapping the above servlet, in which &#8220;servlet-class&#8221; tag is fully qualified name of your servlet and &#8220;url-pattern&#8221; tag describes a pattern used to resolve URLs. The portion of the URL after the &#8220;http:\/\/host:port + WebAppName&#8221; is compared to the &#8220;url-pattern&#8221; by WebLogic Server. If the patterns match, the servlet mapped in this element will be called.<\/p>\n<pre>[xml]\n&amp;amp;lt;servlet&amp;amp;gt;\n&amp;amp;lt;servlet-name&amp;amp;gt;JqueryAutocompleteAjax&amp;amp;lt;\/servlet-name&amp;amp;gt;\n&amp;amp;lt;servlet-class&amp;amp;gt;com.actions.JqueryAutocompleteAjax&amp;amp;lt;\/servlet-class&amp;amp;gt;\n&amp;amp;lt;\/servlet&amp;amp;gt;\n\n&amp;amp;lt;servlet-mapping&amp;amp;gt;\n&amp;amp;lt;servlet-name&amp;amp;gt;JqueryAutocompleteAjax&amp;amp;lt;\/servlet-name&amp;amp;gt;\n&amp;amp;lt;url-pattern&amp;amp;gt;\/JqueryAutocompleteAjax&amp;amp;lt;\/url-pattern&amp;amp;gt;\n&amp;amp;lt;\/servlet-mapping&amp;amp;gt;\n[\/xml]<\/pre>\n<p><a href=\"http:\/\/https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2012\/11\/ajax_example.png\"><noscript><img decoding=\"async\" width=\"1024\" height=\"227\" class=\"aligncenter size-large wp-image-2650\" style=\"width: 100%;\" src=\"http:\/\/https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2012\/11\/ajax_example-1024x227.png\" alt srcset=\"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2012\/11\/ajax_example-1024x227.png 1024w, https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2012\/11\/ajax_example-300x66.png 300w, https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2012\/11\/ajax_example.png 1280w\" sizes=\"(max-width: 1024px) 100vw, 1024px\"><\/noscript><img decoding=\"async\" width=\"1024\" height=\"227\" class=\"aligncenter size-large wp-image-2650 lazyload\" style=\"width: 100%;\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%20227%22%3E%3C%2Fsvg%3E\" alt srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%20227%22%3E%3C%2Fsvg%3E 1024w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" data-srcset=\"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2012\/11\/ajax_example-1024x227.png 1024w, https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2012\/11\/ajax_example-300x66.png 300w, https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2012\/11\/ajax_example.png 1280w\" data-src=\"http:\/\/https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2012\/11\/ajax_example-1024x227.png\"><\/a><\/p>\n<p><strong>2. Implementation by using Callback function:<\/strong><br>\nThe third variation, The callback, provides the most flexibility, and can be used to connect any data source to autocomplete. The callback gets two arguments:-<br>\n<strong>A<\/strong> request object, with a single property called &#8220;term&#8221;, which refers to the value currently in the text input. i.e.- when the user entered &#8220;jan&#8221; in a month field, the Autocomplete term will equal &#8220;jan&#8221;.<br>\n<strong>A<\/strong> response callback, which expects a single argument : the data to suggest to the user. This data should be filtered based on the provided term.<br>\ni.e.- when the user entered &#8220;jan&#8221; in a month field, the Autocomplete term will equal &#8220;jan&#8221; and response will equal to \u201cJanuary\u201d.<\/p>\n<p><strong> Html source code for jQuery autocomplete with callback :<\/strong><\/p>\n<pre>[html]\n&amp;amp;lt;%@ page language=&quot;java&quot; contentType=&quot;text\/html; charset=UTF-8&quot;\npageEncoding=&quot;UTF-8&quot;%&amp;amp;gt;\n&amp;amp;lt;!DOCTYPE html PUBLIC &quot;-\/\/W3C\/\/DTD HTML 4.01 Transitional\/\/EN&quot; &quot;http:\/\/www.w3.org\/TR\/html4\/loose.dtd&quot;&amp;amp;gt;\n&amp;amp;lt;html&amp;amp;gt;\n&amp;amp;lt;head&amp;amp;gt;\n&amp;amp;lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text\/html; charset=UTF-8&quot;&amp;amp;gt;\n&amp;amp;lt;title&amp;amp;gt;Jquery Autocomplete with Callback function.&amp;amp;lt;\/title&amp;amp;gt;\n\n&amp;amp;lt;script type=&quot;text\/javascript&quot;&amp;amp;gt;\nvar basePath = &amp;amp;amp;#039;${pageContext.request.contextPath}&amp;amp;amp;#039;;\n&amp;amp;lt;\/script&amp;amp;gt;\n\n&amp;amp;lt;script type=&quot;text\/javascript&quot;\nsrc=&quot;{pageContext.request.contextPath}\/assets\/js\/jquery-1.7.2.min.js&quot;&amp;amp;gt;\n&amp;amp;lt;\/script&amp;amp;gt;\n&amp;amp;lt;script type=&quot;text\/javascript&quot;\nsrc=&quot;{pageContext.request.contextPath}\/assets\/jquery-ui\/jquery-ui-1.8.11.custom.min.js&quot;&amp;amp;gt;\n&amp;amp;lt;\/script&amp;amp;gt;\n&amp;amp;lt;link type=&quot;text\/css&quot; rel=&quot;stylesheet&quot; media=&quot;all&quot;\nhref=&quot;${pageContext.request.contextPath}\/assets\/jquery-ui\/jquery-ui-1.8.18.custom.css&quot; &amp;amp;gt;\n\n&amp;amp;lt;script type=&quot;text\/javascript&quot;&amp;amp;gt;\n$(document).ready(function() {\n\n$(&quot;input#autocomplete&quot;).autocomplete({\nsource: function( request, response ) {\n$.getJSON( basePath + &quot;\/JqueryAutocompleteAjax&quot;, {\nterm: request.term\n}, response );\n}\n\n});\n});\n\n&amp;amp;lt;\/script&amp;amp;gt;\n\n&amp;amp;lt;h3&amp;amp;gt;Jquery Autocomplete example by using Callback Function.&amp;amp;lt;\/h3&amp;amp;gt;\n&amp;amp;lt;label for=&quot;autocomplete&quot;&amp;amp;gt;Search for a Month: &amp;amp;lt;\/label&amp;amp;gt;\n&amp;amp;lt;input id=&quot;autocomplete&quot; type=&quot;text&quot; \/&amp;amp;gt;\n[\/html]<\/pre>\n<p><a href=\"http:\/\/https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2012\/11\/callback.png\"><noscript><img decoding=\"async\" width=\"1024\" height=\"254\" class=\"aligncenter size-large wp-image-2658\" style=\"width: 100%;\" src=\"http:\/\/https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2012\/11\/callback-1024x254.png\" alt srcset=\"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2012\/11\/callback-1024x254.png 1024w, https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2012\/11\/callback-300x74.png 300w, https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2012\/11\/callback.png 1280w\" sizes=\"(max-width: 1024px) 100vw, 1024px\"><\/noscript><img decoding=\"async\" width=\"1024\" height=\"254\" class=\"aligncenter size-large wp-image-2658 lazyload\" style=\"width: 100%;\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%20254%22%3E%3C%2Fsvg%3E\" alt srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%20254%22%3E%3C%2Fsvg%3E 1024w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" data-srcset=\"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2012\/11\/callback-1024x254.png 1024w, https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2012\/11\/callback-300x74.png 300w, https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2012\/11\/callback.png 1280w\" data-src=\"http:\/\/https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2012\/11\/callback-1024x254.png\"><\/a><\/p>\n<p>You can download the <a href=\"http:\/\/https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2012\/11\/autocomplete.zip\">autocomplete source code from here <\/a><\/p>\n<div style=\"display: none;\">765qwerty765<\/div>\n","protected":false},"excerpt":{"rendered":"<p>What is jQuery Autocomplete- buy research paper online Auto-completing text fields can be a popular choice for visitors of your site because they make entering information much easier. They enable users to quickly find and select from a pre-populate viagra for sale d list of values as they type and also can be used for [&hellip;]<\/p>\n","protected":false},"author":42,"featured_media":7385,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_s2mail":"yes","footnotes":""},"categories":[182],"tags":[],"class_list":["post-2582","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-programming"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Jquery Autocomplete With And Without Ajax - Mobisoft Infotech<\/title>\n<meta name=\"description\" content=\"Jquery Autocomplete With And Without Ajax.Auto-completing text fields can be a popular choice because they make entering information much easier.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mobisoftinfotech.com\/resources\/blog\/web-programming\/jquery-autocomplete-with-and-without-ajax\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Jquery Autocomplete With And Without Ajax - Mobisoft Infotech\" \/>\n<meta property=\"og:description\" content=\"Jquery Autocomplete With And Without Ajax.Auto-completing text fields can be a popular choice because they make entering information much easier.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mobisoftinfotech.com\/resources\/blog\/web-programming\/jquery-autocomplete-with-and-without-ajax\" \/>\n<meta property=\"og:site_name\" content=\"Mobisoft Infotech\" \/>\n<meta property=\"article:published_time\" content=\"2012-11-02T18:33:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-11-24T07:44:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2015\/01\/Jquery-Autocomplete-With-And-Without-Ajax_l-min.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"550\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"divya.nema\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"divya.nema\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"14 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/blog\/web-programming\/jquery-autocomplete-with-and-without-ajax#article\",\"isPartOf\":{\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/blog\/web-programming\/jquery-autocomplete-with-and-without-ajax\"},\"author\":{\"name\":\"divya.nema\",\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/#\/schema\/person\/c51373b4e9780119766941d497235634\"},\"headline\":\"Jquery Autocomplete With And Without Ajax\",\"datePublished\":\"2012-11-02T18:33:42+00:00\",\"dateModified\":\"2020-11-24T07:44:07+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/blog\/web-programming\/jquery-autocomplete-with-and-without-ajax\"},\"wordCount\":983,\"image\":{\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/blog\/web-programming\/jquery-autocomplete-with-and-without-ajax#primaryimage\"},\"thumbnailUrl\":\"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2015\/01\/Jquery-Autocomplete-With-And-Without-Ajax_l-min.jpg\",\"articleSection\":[\"Web Programming\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/blog\/web-programming\/jquery-autocomplete-with-and-without-ajax\",\"url\":\"https:\/\/mobisoftinfotech.com\/resources\/blog\/web-programming\/jquery-autocomplete-with-and-without-ajax\",\"name\":\"Jquery Autocomplete With And Without Ajax - Mobisoft Infotech\",\"isPartOf\":{\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/blog\/web-programming\/jquery-autocomplete-with-and-without-ajax#primaryimage\"},\"image\":{\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/blog\/web-programming\/jquery-autocomplete-with-and-without-ajax#primaryimage\"},\"thumbnailUrl\":\"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2015\/01\/Jquery-Autocomplete-With-And-Without-Ajax_l-min.jpg\",\"datePublished\":\"2012-11-02T18:33:42+00:00\",\"dateModified\":\"2020-11-24T07:44:07+00:00\",\"author\":{\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/#\/schema\/person\/c51373b4e9780119766941d497235634\"},\"description\":\"Jquery Autocomplete With And Without Ajax.Auto-completing text fields can be a popular choice because they make entering information much easier.\",\"breadcrumb\":{\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/blog\/web-programming\/jquery-autocomplete-with-and-without-ajax#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/mobisoftinfotech.com\/resources\/blog\/web-programming\/jquery-autocomplete-with-and-without-ajax\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/blog\/web-programming\/jquery-autocomplete-with-and-without-ajax#primaryimage\",\"url\":\"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2015\/01\/Jquery-Autocomplete-With-And-Without-Ajax_l-min.jpg\",\"contentUrl\":\"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2015\/01\/Jquery-Autocomplete-With-And-Without-Ajax_l-min.jpg\",\"width\":1920,\"height\":550,\"caption\":\"jQuery autocomplete\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/blog\/web-programming\/jquery-autocomplete-with-and-without-ajax#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/mobisoftinfotech.com\/resources\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Jquery Autocomplete With And Without Ajax\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/#website\",\"url\":\"https:\/\/mobisoftinfotech.com\/resources\/\",\"name\":\"Mobisoft Infotech\",\"description\":\"Discover Mobility\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/mobisoftinfotech.com\/resources\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/#\/schema\/person\/c51373b4e9780119766941d497235634\",\"name\":\"divya.nema\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/bb743e364f4c5f4f422da68fdfd9a892535cb5d2b31efafcbb2fc9af72241400?s=96&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/bb743e364f4c5f4f422da68fdfd9a892535cb5d2b31efafcbb2fc9af72241400?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/bb743e364f4c5f4f422da68fdfd9a892535cb5d2b31efafcbb2fc9af72241400?s=96&r=g\",\"caption\":\"divya.nema\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Jquery Autocomplete With And Without Ajax - Mobisoft Infotech","description":"Jquery Autocomplete With And Without Ajax.Auto-completing text fields can be a popular choice because they make entering information much easier.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/mobisoftinfotech.com\/resources\/blog\/web-programming\/jquery-autocomplete-with-and-without-ajax","og_locale":"en_US","og_type":"article","og_title":"Jquery Autocomplete With And Without Ajax - Mobisoft Infotech","og_description":"Jquery Autocomplete With And Without Ajax.Auto-completing text fields can be a popular choice because they make entering information much easier.","og_url":"https:\/\/mobisoftinfotech.com\/resources\/blog\/web-programming\/jquery-autocomplete-with-and-without-ajax","og_site_name":"Mobisoft Infotech","article_published_time":"2012-11-02T18:33:42+00:00","article_modified_time":"2020-11-24T07:44:07+00:00","og_image":[{"width":1920,"height":550,"url":"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2015\/01\/Jquery-Autocomplete-With-And-Without-Ajax_l-min.jpg","type":"image\/jpeg"}],"author":"divya.nema","twitter_card":"summary_large_image","twitter_misc":{"Written by":"divya.nema","Est. reading time":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/mobisoftinfotech.com\/resources\/blog\/web-programming\/jquery-autocomplete-with-and-without-ajax#article","isPartOf":{"@id":"https:\/\/mobisoftinfotech.com\/resources\/blog\/web-programming\/jquery-autocomplete-with-and-without-ajax"},"author":{"name":"divya.nema","@id":"https:\/\/mobisoftinfotech.com\/resources\/#\/schema\/person\/c51373b4e9780119766941d497235634"},"headline":"Jquery Autocomplete With And Without Ajax","datePublished":"2012-11-02T18:33:42+00:00","dateModified":"2020-11-24T07:44:07+00:00","mainEntityOfPage":{"@id":"https:\/\/mobisoftinfotech.com\/resources\/blog\/web-programming\/jquery-autocomplete-with-and-without-ajax"},"wordCount":983,"image":{"@id":"https:\/\/mobisoftinfotech.com\/resources\/blog\/web-programming\/jquery-autocomplete-with-and-without-ajax#primaryimage"},"thumbnailUrl":"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2015\/01\/Jquery-Autocomplete-With-And-Without-Ajax_l-min.jpg","articleSection":["Web Programming"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/mobisoftinfotech.com\/resources\/blog\/web-programming\/jquery-autocomplete-with-and-without-ajax","url":"https:\/\/mobisoftinfotech.com\/resources\/blog\/web-programming\/jquery-autocomplete-with-and-without-ajax","name":"Jquery Autocomplete With And Without Ajax - Mobisoft Infotech","isPartOf":{"@id":"https:\/\/mobisoftinfotech.com\/resources\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mobisoftinfotech.com\/resources\/blog\/web-programming\/jquery-autocomplete-with-and-without-ajax#primaryimage"},"image":{"@id":"https:\/\/mobisoftinfotech.com\/resources\/blog\/web-programming\/jquery-autocomplete-with-and-without-ajax#primaryimage"},"thumbnailUrl":"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2015\/01\/Jquery-Autocomplete-With-And-Without-Ajax_l-min.jpg","datePublished":"2012-11-02T18:33:42+00:00","dateModified":"2020-11-24T07:44:07+00:00","author":{"@id":"https:\/\/mobisoftinfotech.com\/resources\/#\/schema\/person\/c51373b4e9780119766941d497235634"},"description":"Jquery Autocomplete With And Without Ajax.Auto-completing text fields can be a popular choice because they make entering information much easier.","breadcrumb":{"@id":"https:\/\/mobisoftinfotech.com\/resources\/blog\/web-programming\/jquery-autocomplete-with-and-without-ajax#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mobisoftinfotech.com\/resources\/blog\/web-programming\/jquery-autocomplete-with-and-without-ajax"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mobisoftinfotech.com\/resources\/blog\/web-programming\/jquery-autocomplete-with-and-without-ajax#primaryimage","url":"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2015\/01\/Jquery-Autocomplete-With-And-Without-Ajax_l-min.jpg","contentUrl":"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2015\/01\/Jquery-Autocomplete-With-And-Without-Ajax_l-min.jpg","width":1920,"height":550,"caption":"jQuery autocomplete"},{"@type":"BreadcrumbList","@id":"https:\/\/mobisoftinfotech.com\/resources\/blog\/web-programming\/jquery-autocomplete-with-and-without-ajax#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mobisoftinfotech.com\/resources\/"},{"@type":"ListItem","position":2,"name":"Jquery Autocomplete With And Without Ajax"}]},{"@type":"WebSite","@id":"https:\/\/mobisoftinfotech.com\/resources\/#website","url":"https:\/\/mobisoftinfotech.com\/resources\/","name":"Mobisoft Infotech","description":"Discover Mobility","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mobisoftinfotech.com\/resources\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/mobisoftinfotech.com\/resources\/#\/schema\/person\/c51373b4e9780119766941d497235634","name":"divya.nema","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/bb743e364f4c5f4f422da68fdfd9a892535cb5d2b31efafcbb2fc9af72241400?s=96&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/bb743e364f4c5f4f422da68fdfd9a892535cb5d2b31efafcbb2fc9af72241400?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bb743e364f4c5f4f422da68fdfd9a892535cb5d2b31efafcbb2fc9af72241400?s=96&r=g","caption":"divya.nema"}}]}},"_links":{"self":[{"href":"https:\/\/mobisoftinfotech.com\/resources\/wp-json\/wp\/v2\/posts\/2582","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mobisoftinfotech.com\/resources\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mobisoftinfotech.com\/resources\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mobisoftinfotech.com\/resources\/wp-json\/wp\/v2\/users\/42"}],"replies":[{"embeddable":true,"href":"https:\/\/mobisoftinfotech.com\/resources\/wp-json\/wp\/v2\/comments?post=2582"}],"version-history":[{"count":162,"href":"https:\/\/mobisoftinfotech.com\/resources\/wp-json\/wp\/v2\/posts\/2582\/revisions"}],"predecessor-version":[{"id":20775,"href":"https:\/\/mobisoftinfotech.com\/resources\/wp-json\/wp\/v2\/posts\/2582\/revisions\/20775"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mobisoftinfotech.com\/resources\/wp-json\/wp\/v2\/media\/7385"}],"wp:attachment":[{"href":"https:\/\/mobisoftinfotech.com\/resources\/wp-json\/wp\/v2\/media?parent=2582"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mobisoftinfotech.com\/resources\/wp-json\/wp\/v2\/categories?post=2582"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mobisoftinfotech.com\/resources\/wp-json\/wp\/v2\/tags?post=2582"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}