Ajax w jquery JSON we współpracy z PHP: Różnice pomiędzy wersjami
m (Zastępowanie tekstu - "</source>" na "</pre>") |
|||
| Linia 41: | Linia 41: | ||
</div> | </div> | ||
<div id="sendit"> <button >Odswierz</button> </div> | <div id="sendit"> <button >Odswierz</button> </div> | ||
</ | </pre> | ||
| Linia 56: | Linia 56: | ||
echo("}"); | echo("}"); | ||
?> | ?> | ||
</ | </pre> | ||
Wersja z 17:23, 15 lut 2018
JSON - to format przekazywania danych, ma on mniej skomplikowaną strukturę niż XML który obudowuje wszystko w podwójne tagi. JSON - bez problemu może być wspierany przez jquery do tworzenia dynamicznych stron.
Poniżej umieszczam przykład zastosowania.
formularz zliczający ilość odświeżeń strony, w oparciu o PHP - przykład pokazuje interakcje ze skryptem PHP, wróćcie uwagę iż skrypt można zastosować w wielu przypadkach.
Np do wyświetlania wiadomości tekstowych, shoutboxa lub dowolnej innej operacji. Pod ID wystarczyło by podłożyć pobieranie z serwera SQL.
Wymagana jest darmowa biblioteka jquery.
Kod HTML <source lang="html4strict"> <script type="text/javascript" src="jquery-1.3.2.min.js"></script> <script> $(document).ready(function(){ $id=0;
$('#sendit').click(function()
{
$.getJSON('plik_php.php?id='+$id, {}, function(json){
$('#tresc').html();
$('#tresc').append('tresc: ' + json.nasztekst.tresc + '
')
.append('Odswierzen: ' + json.nasztekst.id + '
')
.append('
');
$id=json.nasztekst.id;
});
})
});
</script>
Kod PHP dla plik_php.php
<source lang="php"> <?php $id= ($_GET['id']); $id++; $arr = array ('tresc'=>1,'id'=>$id); echo("{"); echo('nasztekst:'); echo json_encode($arr); echo("}"); ?>
Efekt:
