{"id":16014,"date":"2025-03-07T18:32:15","date_gmt":"2025-03-07T16:32:15","guid":{"rendered":"https:\/\/www.beseit.net\/?p=16014"},"modified":"2025-03-07T18:39:07","modified_gmt":"2025-03-07T16:39:07","slug":"interaccio-entre-html-javascript-js-ajax-i-php","status":"publish","type":"post","link":"http:\/\/www.beseit.net\/?p=16014","title":{"rendered":"Interacci\u00f3 entre HTML, JavaScript (JS), AJAX i PHP"},"content":{"rendered":"\n<p><strong>HTML -&gt; JavaScript (JS) -&gt; AJAX &lt;-&gt; PHP<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">El flux d&#8217;interacci\u00f3 seria aix\u00ed:<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Es capturen els esdeveniments d&#8217;usuari amb <code>onkeyup<\/code>.<\/li>\n\n\n\n<li>Es crida la funci\u00f3 <code>cercar_bd()<\/code> de JavaScript, que obt\u00e9 el valor de l&#8217;entrada de text i realitza una crida AJAX al fitxer PHP (<code>prova.php<\/code>).<\/li>\n\n\n\n<li>El fitxer PHP processa la sol\u00b7licitud, pot interactuar amb la base de dades i retorna una resposta.<\/li>\n\n\n\n<li>La resposta del servidor \u00e9s gestionada per la funci\u00f3 <code>success<\/code> d&#8217;AJAX i es pot mostrar o utilitzar segons sigui necessari.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<pre class=\"wp-block-code\"><code>function cercar_bd() {   \n    var cercar = $(\"#cercar\").val(); \/\/ Obtenir el valor de l'entrada de text\n    alert('Valor de cercar: ' + cercar);    \n}<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>HTML -&gt; JavaScript (JS) -&gt; AJAX &lt;-&gt; PHP El flux d&#8217;interacci\u00f3 seria aix\u00ed:<\/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-16014","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bloc-de-notes"],"_links":{"self":[{"href":"http:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/posts\/16014","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.beseit.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=16014"}],"version-history":[{"count":5,"href":"http:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/posts\/16014\/revisions"}],"predecessor-version":[{"id":16020,"href":"http:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/posts\/16014\/revisions\/16020"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/media\/8179"}],"wp:attachment":[{"href":"http:\/\/www.beseit.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=16014"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.beseit.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=16014"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.beseit.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=16014"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}