Autor Zpráva
opsidiam
Profil
Dobrý deň , chcel by som sa spítať ci je mozne vytvorit API na báze PHP a ak ano tak ako urobit script na formular?

Zatial som vytvoril formular v .JS a neviem ako to urobit ze by vyplneny formular odoslal na web tak ze zo stranky klienta sa odoslu data bez toho aby sa stranka klienta obnovyla alebo presmerovala na moju stranku. a aby sa tie data na servery spracovaly.
Napriklad:
- uzivatel na klientovej stranke vyplny "Meno", "Priezvisko" a odosle, na klientovej stranke sa ten formular zroluje a uz sa nikdy tomu jednemu uzivatelovy nezobrazy, na server sa prijmu data do ADD.PHP a tam sa daju do mysql
alebo navrh nejakej API

Pred tymto kodom je JQuery
$(document).ready(function(){$('#modal').remove();var div = document.createElement('div');document.body.appendChild(div);div.id = 'modal';div.align = "center";div.style = "top:200px;";$("#modal").prepend("<div id='heading'>Informácia!<button  class='close'><div class='close_x'>x</div></button></div><div id='content'><p>Od budúceho roka Čakajte veľké zmeny v inováciách našej firmy<br /><form action='http://e-mailer.sk/add.php' method='post'><label>Zadaj E-mail : </label><input name='mail' type='email' value='@' title='mail' /><input type='hidden' name='id' value='4' /><input name='Submit' type='submit' value='OdoslaÅ¥' title='Odoslať' /></form></p></div>");$(".close_x").css({"position":"absolute","right":"5px","top":"-8px"});$(".close").css({"position":"absolute","width":"30px","height":"30px","top":"10px","right":"10px","font-size":"30px","font-style":"normal","border-radius":"8px","border-color":"#CCC","background-color":"#CCC"});$("#content p").css({"font-size":"13px","font-weight":"normal","text-align":"center","line-height":"22px","color":"#555555","width":"100%","float":" left","margin":"19px 0"});$("#content").css({"width":"360px","height":"144px","background":"#fcfcfc","-webkit-box-shadow":"0px 1px 3px rgba(0,0,0,.25)","-moz-box-shadow":"0px 1px 3px rgba(0,0,0,.25)","box-shadow":"0px 1px 3px rgba(0,0,0,.25)","-webkit-border-radius":"0px 0px 4px 4px","-moz-border-radius":"0px 0px 4px 4px","border-radius":"0px 0px 4px 4px"});$("#heading").css({"width":"360px","height":"44px","background-image":" -webkit-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233))","background-image":" -moz-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233))","background-image":" -o-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233))","background-image":" -ms-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233))","background-image":" linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233))","background-color":"#e9e9e9","border-bottom":"1px solid #bababa","-webkit-box-shadow":"inset 0px -1px 0px #fff 0px 1px 3px rgba(0,0,0,.08)","-moz-box-shadow":"inset 0px -1px 0px #fff 0px 1px 3px rgba(0,0,0,.08)","box-shadow":"inset 0px -1px 0px #fff 0px 1px 3px rgba(0,0,0,.08)","-webkit-border-radius":"4px 4px 0px 0px","-moz-border-radius":"4px 4px 0px 0px","border-radius":"4px 4px 0px 0px","font-size":"14px","font-weight":"bold","text-align":"center","line-height":"44px","color":"#444444","text-shadow":"0px 1px 0px #fff"});$(".modal").css({"position":"absolute","top":"50%"});$("#modal").css({"visibility":"hidden","width":"360px","height":"189px","padding":"8px","background":"rgba(0,0,0,.3)","-webkit-border-radius":"8px","-moz-border-radius":"8px","border-radius":"8px","position":"absolute","top":"200px","left":"50%","margin-top":"-94px","margin-left":"-180px","z-index":"101"});});
 $(document).ready(function(){$('#modal').reveal({animation: 'fade',animationspeed: 600,closeonbackgroundclick: true,dismissmodalclass: 'close'});});




napríklad:
WEB1 = Web na ktorom bude bezat API
WEB2 = Web klienta na ktorom sa bude zobrazovat Formular
na WEB2 sa zobrazy formular a data z neho sa odoslu do mysql na WEB1 bez toho aby sa na WEB2 nestal REFRESH alebo Relink
Casero
Profil
Začal bych tím, že bych si přečetl, co je API.

Aby se nepřesměrovala stránka, bude potřeba odeslat požadavek asynchronně, tato technologie je v JS označována AJAX

Podle tvého kodu využíváš jQuery, který ti dost ulehčí práci s AJAX požadavky.
opsidiam
Profil
nasiel som tento kod v ajax ale netusim ako ho tam implementovat, a ten kod v JS mi roby na niektorych strankach chybu, ze sa biju JQUERY a neviem ako to opravit.

function stav(str) {
    if (str == "") {
        document.getElementById("upgrade").innerHTML = "";
        return;
    } else {
        if (window.XMLHttpRequest) {
            // code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp = new XMLHttpRequest();
        } else {
            // code for IE6, IE5
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.onreadystatechange = function() {
            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) 
            {
            document.getElementById("upgrade")
            .innerHTML = xmlhttp.responseText;
            }
        }
        xmlhttp.open("GET","inc/meta_data.php?data=upgrade&b="+str+"&q=<?php echo $my_id; ?>",true);
        xmlhttp.send();
    }
}
TheSyn
Profil
opsidiam:

Nasiel, ci nenasiel, tak, ako hovori Casero - nemas predstavu o tom, co je to API, nie este o pouzivani jQuery. To, co potrebujes su elementarne zaklady HTML a praca s prenosom hodnot (premennych) prostrednictvom formularov, ktore dalej treba spracovavat. Chapem, ze je jednoduchsie sa na to opytat niekoho, kto ti to napise, ale takto sa to nikdy nenaucis, preto ti ani ja, v tvojom vlastnom zaujme neporadim, ale necham ti priestor na studium pisania webu. My sme si s tym lamali hlavu v roku 1996 a nevidim dovod, preco by si to nedokazal aj v roku 2016. Instalaciu CMS dnes zvlada deb1l, to vsak neznamena, ze to vie robit. Bud zacni studovat to, s cim chces robit alebo s tym prestan uplne. Samozrejme, skor, nez sa zacnes ucit spravnu syntax hypertextovych a skriptovacich jazykov, odporucam precvicit si znalost gramatiky, neda sa to po tebe citat.

Cheers!

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: