{"id":2020,"date":"2016-05-19T08:50:12","date_gmt":"2016-05-19T08:50:12","guid":{"rendered":"https:\/\/kiencang.net\/?p=2020"},"modified":"2016-05-19T08:50:12","modified_gmt":"2016-05-19T08:50:12","slug":"autocomplete-ung-dung-jquey-va-php","status":"publish","type":"post","link":"https:\/\/kiencang.net\/autocomplete-ung-dung-jquey-va-php\/","title":{"rendered":"Autocomplete c\u1ee7a JQuery k\u1ebft h\u1ee3p PHP gi\u00fap \u0111\u1ee1 c\u00f4ng t\u1ed1n s\u1ee9c"},"content":{"rendered":"\n
B\u00e0i to\u00e1n nh\u01b0 sau. T\u00f4i c\u1ea7n l\u00e0m m\u1ed9t \u1ee9ng d\u1ee5ng qu\u1ea3n l\u00fd b\u00e1n h\u00e0ng cho nh\u00e2n vi\u00ean nh\u1eadp \u0111\u01a1n, d\u0129 nhi\u00ean ng\u01b0\u1eddi ta c\u1ea7n th\u00f4ng tin v\u1ec1 s\u1ea3n ph\u1ea9m. <\/p>\n\n\n\n
\u0110i\u1ec1u quan tr\u1ecdng l\u00e0 ng\u01b0\u1eddi nh\u1eadp c\u1ea7n nh\u1eadp \u0111\u00fang t\u00ean s\u1ea3n ph\u1ea9m v\u00e0 gi\u00e1 c\u1ee7a n\u00f3. D\u0129 nhi\u00ean ng\u01b0\u1eddi n\u00e0y ch\u1eb3ng th\u1ec3 nh\u1edb n\u1ed1i gi\u00e1 r\u1ea5t nhi\u1ec1u h\u00e0ng ho\u00e1 m\u00e0 m\u00ecnh b\u00e1n, ng\u01b0\u1eddi \u1ea5y c\u1ea7n \u0111\u01b0\u1ee3c g\u1ee3i \u00fd t\u1eeb ch\u01b0\u01a1ng tr\u00ecnh t\u1ef1 \u0111\u1ed9ng.<\/p>\n\n\n\n
\u0110\u1ed3ng th\u1eddi ch\u01b0\u01a1ng tr\u00ecnh n\u00e0y s\u1ebd:<\/p>\n\n\n\n
D\u1eef li\u1ec7u s\u1ebd \u0111\u01b0\u1ee3c l\u01b0u trong c\u01a1 s\u1edf d\u1eef li\u1ec7u, v\u00e0 ta s\u1ebd d\u00f9ng c\u00e1c h\u00e0m trong php \u0111\u1ec3 l\u1ea5y ch\u00fang ra, sau \u0111\u00f3, k\u1ebft h\u1ee3p v\u1edbi h\u00e0m d\u1ef1ng s\u1eb5n r\u1ea5t \u0111\u1eb9p c\u1ee7a jQuery \u0111\u1ec3 t\u1ea1o ra c\u00e1c g\u1ee3i \u00fd t\u1ef1 \u0111\u1ed9ng.<\/p>\n\n\n\n
\u0110o\u1ea1n b\u00ean d\u01b0\u1edbi l\u00e0 m\u1eabu:<\/p>\n\n\n\n
<script>\n <?php \n $query=\"SELECT *\n FROM sanpham\n ORDER BY ma_san_pham\";\n\n $result=$db->query($query); ?>\n\n $(function() {\n var availableTags = [\n <?php foreach ($result as $value) { \n echo '\"'.$value['ten_san_pham'].' '.$value['dungtich_khoiluong'].'\/'.$value['gia_list'].'\/'.$value['ma_san_pham'].'\"'.\",\";\n } ?>\n ];\n $( \".tags\" ).autocomplete({\n source: availableTags\n });\n });\n <\/script><\/code><\/pre>\n\n\n\n <\/em>Khi nh\u00e2n vi\u00ean b\u00e1n h\u00e0ng g\u00f5 v\u00e0o tr\u01b0\u1eddng input b\u00ean d\u01b0\u1edbi, c\u00e1c g\u1ee3i \u00fd s\u1ebd \u0111\u01b0\u1ee3c show ra gi\u1ed1ng ki\u1ec3u Google Suggest v\u1eady. B\u1ea1n ch\u00fa \u00fd ph\u1ea3i c\u00f3 class l\u00e0 tags<\/p>\n\n\n\nN\u1ed9i dung s\u1ebd show ra bao g\u1ed3m t\u00ean s\u1ea3n ph\u1ea9m \/ dung t\u00edch \/ gi\u00e1 \/ m\u00e3 s\u1ea3n ph\u1ea9m<\/p>\n\n\n\n
<input class=\"tags\" name=\"san_pham_<?php echo $i ?>\" placeholder=\"G\u00f5 t\u00ean s\u1ea3n ph\u1ea9m\" onchange=\"gia<?php echo $i ?>();\"><\/code><\/pre>\n\n\n\nM\u1ed9t code ng\u1eafn v\u1eady th\u00f4i m\u00e0 gi\u00fap \u00edch c\u1ef1c k\u1ef3 \u0111\u1ea5y. T\u00f4i \u0111\u00e3 r\u1ea5t vui m\u1eebng khi bi\u1ebft n\u00f3<\/p>\n","protected":false},"excerpt":{"rendered":"
B\u00e0i to\u00e1n nh\u01b0 sau. T\u00f4i c\u1ea7n l\u00e0m m\u1ed9t \u1ee9ng d\u1ee5ng qu\u1ea3n l\u00fd b\u00e1n h\u00e0ng cho nh\u00e2n vi\u00ean nh\u1eadp \u0111\u01a1n, d\u0129 nhi\u00ean ng\u01b0\u1eddi ta c\u1ea7n th\u00f4ng tin v\u1ec1 s\u1ea3n ph\u1ea9m. \u0110i\u1ec1u quan tr\u1ecdng l\u00e0 ng\u01b0\u1eddi nh\u1eadp c\u1ea7n nh\u1eadp \u0111\u00fang t\u00ean s\u1ea3n ph\u1ea9m v\u00e0 gi\u00e1 c\u1ee7a n\u00f3. D\u0129 nhi\u00ean ng\u01b0\u1eddi n\u00e0y ch\u1eb3ng th\u1ec3 nh\u1edb n\u1ed1i gi\u00e1 r\u1ea5t …<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[238],"tags":[],"yoast_head":"\n
Autocomplete c\u1ee7a JQuery k\u1ebft h\u1ee3p PHP gi\u00fap \u0111\u1ee1 c\u00f4ng t\u1ed1n s\u1ee9c • Ki\u1ebfn c\u00e0ng<\/title>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\t\n\t\n\t\n","yoast_head_json":{"title":"Autocomplete c\u1ee7a JQuery k\u1ebft h\u1ee3p PHP gi\u00fap \u0111\u1ee1 c\u00f4ng t\u1ed1n s\u1ee9c • Ki\u1ebfn c\u00e0ng","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:\/\/kiencang.net\/autocomplete-ung-dung-jquey-va-php\/","og_locale":"vi_VN","og_type":"article","og_title":"Autocomplete c\u1ee7a JQuery k\u1ebft h\u1ee3p PHP gi\u00fap \u0111\u1ee1 c\u00f4ng t\u1ed1n s\u1ee9c • Ki\u1ebfn c\u00e0ng","og_description":"B\u00e0i to\u00e1n nh\u01b0 sau. T\u00f4i c\u1ea7n l\u00e0m m\u1ed9t \u1ee9ng d\u1ee5ng qu\u1ea3n l\u00fd b\u00e1n h\u00e0ng cho nh\u00e2n vi\u00ean nh\u1eadp \u0111\u01a1n, d\u0129 nhi\u00ean ng\u01b0\u1eddi ta c\u1ea7n th\u00f4ng tin v\u1ec1 s\u1ea3n ph\u1ea9m. \u0110i\u1ec1u quan tr\u1ecdng l\u00e0 ng\u01b0\u1eddi nh\u1eadp c\u1ea7n nh\u1eadp \u0111\u00fang t\u00ean s\u1ea3n ph\u1ea9m v\u00e0 gi\u00e1 c\u1ee7a n\u00f3. D\u0129 nhi\u00ean ng\u01b0\u1eddi n\u00e0y ch\u1eb3ng th\u1ec3 nh\u1edb n\u1ed1i gi\u00e1 r\u1ea5t …","og_url":"https:\/\/kiencang.net\/autocomplete-ung-dung-jquey-va-php\/","og_site_name":"Ki\u1ebfn c\u00e0ng","article_author":"https:\/\/www.facebook.com\/anhducnguyen87\/","article_published_time":"2016-05-19T08:50:12+00:00","author":"Nguy\u1ec5n \u0110\u1ee9c Anh","twitter_card":"summary_large_image","twitter_misc":{"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi":"Nguy\u1ec5n \u0110\u1ee9c Anh","\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"2 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kiencang.net\/autocomplete-ung-dung-jquey-va-php\/","url":"https:\/\/kiencang.net\/autocomplete-ung-dung-jquey-va-php\/","name":"Autocomplete c\u1ee7a JQuery k\u1ebft h\u1ee3p PHP gi\u00fap \u0111\u1ee1 c\u00f4ng t\u1ed1n s\u1ee9c • Ki\u1ebfn c\u00e0ng","isPartOf":{"@id":"https:\/\/kiencang.net\/#website"},"datePublished":"2016-05-19T08:50:12+00:00","dateModified":"2016-05-19T08:50:12+00:00","author":{"@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16"},"breadcrumb":{"@id":"https:\/\/kiencang.net\/autocomplete-ung-dung-jquey-va-php\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiencang.net\/autocomplete-ung-dung-jquey-va-php\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiencang.net\/autocomplete-ung-dung-jquey-va-php\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kiencang.net\/"},{"@type":"ListItem","position":2,"name":"Autocomplete c\u1ee7a JQuery k\u1ebft h\u1ee3p PHP gi\u00fap \u0111\u1ee1 c\u00f4ng t\u1ed1n s\u1ee9c"}]},{"@type":"WebSite","@id":"https:\/\/kiencang.net\/#website","url":"https:\/\/kiencang.net\/","name":"Ki\u1ebfn c\u00e0ng","description":"\u00d4m l\u00fd thuy\u1ebft, h\u00f4n th\u1ef1c h\u00e0nh","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kiencang.net\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"vi"},{"@type":"Person","@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16","name":"Nguy\u1ec5n \u0110\u1ee9c Anh","image":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/kiencang.net\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6d71f9b89393952a8382e30dad26c1ec?s=96&d=monsterid&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6d71f9b89393952a8382e30dad26c1ec?s=96&d=monsterid&r=g","caption":"Nguy\u1ec5n \u0110\u1ee9c Anh"},"description":"Sinh n\u0103m 1987, t\u1ed1t nghi\u1ec7p Cao \u0111\u1eb3ng th\u1ef1c h\u00e0nh FPT qu\u00e3ng 2014, chuy\u00ean ng\u00e0nh Thi\u1ebft k\u1ebf website. T\u00f4i th\u00edch Content, SEO, Ads, T\u0103ng t\u1ed1c website v\u00e0 Th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed. B\u00ean c\u1ea1nh b\u00e0i t\u1ef1 vi\u1ebft, t\u00f4i c\u0169ng d\u1ecbch nhi\u1ec1u n\u1ed9i dung th\u00fa v\u1ecb c\u1ee7a c\u00e1c t\u00e1c gi\u1ea3 kh\u00e1c nhau. FB c\u00e1 nh\u00e2n: facebook.com\/anhducnguyen87. Email li\u00ean h\u1ec7: guiemailchotoi@gmail.com","sameAs":["https:\/\/www.facebook.com\/anhducnguyen87\/"],"url":"https:\/\/kiencang.net\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/2020"}],"collection":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/comments?post=2020"}],"version-history":[{"count":0,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/2020\/revisions"}],"wp:attachment":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media?parent=2020"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/categories?post=2020"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/tags?post=2020"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}