{"id":16080,"date":"2025-03-15T10:28:43","date_gmt":"2025-03-15T08:28:43","guid":{"rendered":"https:\/\/www.beseit.net\/?p=16080"},"modified":"2025-03-15T10:35:52","modified_gmt":"2025-03-15T08:35:52","slug":"script-ajax","status":"publish","type":"post","link":"https:\/\/www.beseit.net\/?p=16080","title":{"rendered":"Script AJAX"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#ee0707\" class=\"has-inline-color\">AJAX utilitzat a  \/0capsa_dic\/index.php<\/mark><\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>$(document).ready(function () {\n    \/\/ Quan el DOM estigui completament carregat, s'executa aquesta funci\u00f3.\n    $(\"#cercar\").on(\"keyup\", function () {\n        \/\/ Associem un esdeveniment 'keyup' al camp de text amb ID 'cercar'.\n        var paraula = $(this).val(); \/\/ Obtenim el valor actual del camp de text.\n        console.log(\"Tecla premuda: \" + paraula); \/\/ Mostrem el valor a la consola per depuraci\u00f3.\n\n        if (paraula.length &gt; 0) {\n            \/\/ Si hi ha text al camp de cerca (longitud major que 0), fem una crida AJAX.\n            $.ajax({\n                url: \"cercar.php\", \/\/ URL del script del servidor que processar\u00e0 la sol\u00b7licitud.\n                type: \"POST\", \/\/ M\u00e8tode HTTP utilitzat per enviar les dades.\n                data: { cercar: paraula }, \/\/ Dades enviades al servidor (la paraula buscada).\n                success: function (resposta) {\n                    \/\/ Funci\u00f3 que s'executa si la crida AJAX t\u00e9 \u00e8xit.\n                    console.log(\"Resposta AJAX rebuda\"); \/\/ Missatge de depuraci\u00f3.\n                    var resultats = JSON.parse(resposta); \/\/ Convertim la resposta JSON a un array JavaScript.\n                    var htmlResultats = resultats.map(function (item) {\n                        \/\/ Creem elements HTML (&lt;li&gt;) per a cada resultat.\n                        return \"&lt;li class='resultat'&gt;\" + item + \"&lt;\/li&gt;\";\n                    }).join(\"\"); \/\/ Unim els elements en una cadena HTML.\n                    $(\"#resultats_autocompletar\").html(htmlResultats); \/\/ Inserim els resultats al contenidor.\n                },\n                error: function () {\n                    \/\/ Funci\u00f3 que s'executa si hi ha un error en la crida AJAX.\n                    console.error(\"Error en la crida AJAX.\"); \/\/ Missatge d'error a la consola.\n                }\n            });\n        } else {\n            \/\/ Si el camp de cerca est\u00e0 buit, esborrem els resultats previs.\n            $(\"#resultats_autocompletar\").html(\"\");\n        }\n    });\n\n    \/\/ Afegim un esdeveniment de clic per als elements de la llista de resultats.\n    $(document).on(\"click\", \".resultat\", function () {\n        var paraulaSeleccionada = $(this).text(); \/\/ Obtenim el text de l'element clicat.\n        console.log(\"Paraula seleccionada: \" + paraulaSeleccionada); \/\/ Mostrem el text a la consola.\n        $(\"#cercar\").val(paraulaSeleccionada); \/\/ Col\u00b7loquem el text seleccionat al camp de cerca.\n    });\n});<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>AJAX utilitzat a \/0capsa_dic\/index.php<\/p>\n","protected":false},"author":2,"featured_media":8179,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-16080","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bloc-de-notes"],"_links":{"self":[{"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/posts\/16080","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.beseit.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=16080"}],"version-history":[{"count":2,"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/posts\/16080\/revisions"}],"predecessor-version":[{"id":16083,"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/posts\/16080\/revisions\/16083"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/media\/8179"}],"wp:attachment":[{"href":"https:\/\/www.beseit.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=16080"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.beseit.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=16080"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.beseit.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=16080"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}