ryuozero Site Admin
�������: 13 Jul 2005 �ͺ: 1145
|
�ͺ�����: Sun Feb 24, 2008 2:29 pm ����ͧ: |
|
|
ajax �Ѻ PHP ��蹧���� �͹��� 1
AJAX �͹�á���¡�ѹ��� “��-��ҡ” ���Ẻ��ҹѡ����������ͧ�ѹ��͹���С��ⴴ���ѹ ��仴��ҹ�Ҩ����¡��� "��-��” �������û���ҳ��� ���ͨ���ҹ��� “�� � �� ��硫�” ���� �����ҡѹ ������ ��� AJAX ����ѹ����Ҩҡ Asynchronous JavaScript And XML ��� �ѹ��ҵ�� A, J, A ��� A �ͧ���Ф��ҵ�͡ѹ ��� AJAX ����ѹ�������������Ф�Ѻ �ѹ���������������� ������� �ѹ��෤�Ԥ˹�觷��з�����������ö�������ѹ��Ѻ�����ҹ�����Ǣ�� �������෤�Ԥ AJAX ����� JavaScript �繵���觢�����任����żŷ���� Server ����Ѻ�����ż��Ѿ���Ѻ���ʴ������ client ��� 件�ҷ�ҹ�֡�� AJAX ����Ǩҡ˹ѧ���������� ��ҹ��о���� �ѹ����͹�Ѻ��÷ӧҹẺ��ѧ�ҡ ��� �����ż����� �ѹ����Ҽ��Ѿ�����ʴ����˹�������� ������ͧ Refresh ����
����繢ͧ AJAX �������˹...
�ѹ�����ҧ����Ѻ ��ҹ��¹ PHP + MySQL �����������¤�Ѻ �ͧ�֡�֧���ҷ���ҹ�ӵ�� Submit Form �Ԥ�Ѻ ��ҹ�����ҧ���ҧ��� html �����˹�� �ҡ��鹡����ҧ PHP ���ա���˹���¡�ѹ �ѧ�ٻ
�ҡ�ٻ �Ԩ�óҴ�� �Ф�Ѻ ��� login.html �е�ͧ��Ẻ����������ҡ�͡ login + Password �١���¤�Ѻ ������ login.php ��е�ͧ�� Script ������� login ��� password 仵�Ǩ�ͺ �¡�� submit ��� ��Ҩ� submit �����Ũҡ��� login.html ����Ѻ��� login.php ����ʴ����Ѿ������˹�ҷ��ͧ��� login.php ��觨е�ͧ��¹�鴾�����Ѻ˹�ҵҷ���� HTML �͡�� �١���¤�Ѻ...
�ҡ��������ҹ����� ����ѹ����� PHP Ẻ�����Ԥ ��� ��ԡ Submit, ��, refresh ˹���������Ǥ����ʴ����͡�� ����Ҩ�з������ ��������˹�ҷ������ʴ��Ź�� ����յ��ҧ�ҡ� �������ҡ� �ѹ��з�����ö����͹�����Ź����Ҫ�Ҵ��� �� ����������� login.html ��Ẻ����������������§���ҡ��� ����� submit ����� ��� login.php ��е�ͧ��Ẻ���ǡѹ���� ���Ըա�������������Ҩ��������Ѿ��㹡�û����żŢͧ PHP ���ͼ��Ѿ������ҡ��û����żź���� Server ���ʴ�㹾�鹷��� ��ͧ���������ͧ Refersh ˹������
����繷���ͧ��ê��㹵͹������ ������Ըա�÷����觤����������� PHP ������躹 Web Server �����觤��任����żŷ�� PHP ������Ҽ��Ѿ�������觡�Ѻ���ѧ˹�����ྨ ������ͧ Reload ���� Refresh ˹���������������... ���䧤�Ѻ AJAX ��෤�Ԥ�����蹹����
෤�Ԥ����觢�����任����żŷ���� Web Server ����෤�Ԥ AJAX ��� �е�ͧ�������������ͧ�ͧ HTML, JavaScript ������� ���件֧ XML, CSS �ͻ���ҳ��������ѹ�����ż��� ����Ҵ١�÷ӧҹ�ͧ��� AJAX �ѹ�����Ҿ��Сͺ����� �ѧ���Ф�Ѻ....
¡������ҧ�ٻ㹢�ҧ�� �����Ẻ����� Login ������������� login.html ���� ��� �������� ����ͷӡ�� Login �ѹ�е�ͧ refresh ˹�����价����� PHP ����Ѻ��� Submit �١���¤�Ѻ ����ǹ�� ��������෤�Ԥ AJAX ����Ҫ��� ���� HTML ����� Ẻ������ͧ��������繵�ͧ�ջ��� Submit ��� ��ҨС�˹������� Login ����繻���Ẻ������� ����ҨС�˹� Event ������ onclick ������ �ѧ������ҧ
<form>
Login: <input type='text' name='username' /> <br />
Password: <input type='text' name='password'/><br />
<input type='button' onclick='doquery()' value='Login' />
<input type=reset>
</form>
�ҡ������ҧ ��������Ẻ������ͧ�������¹� ��蹡��� ��� <form> ���������˹� action �����价����� PHP �� ��� ����ա�ش˹�觡��ͻ��� Login �Ẻ������ͧ��ҹ�� ��Ҩ�����繻���Ẻ������� ��觻������� ������ҧẺ����� ��Ҩе�ͧ���ҧ��������� type=’submit’ ������������Ẻ type=’button’ �����ҡ����˹� onclick �����������价��ѧ���� doquery() ��觿ѧ���蹹�� �繿ѧ���蹷����Ҩ���¹������� JavaScript ����������� HTML ������ǡѹ���
�ٹФ�Ѻ �������ҡ����� Login ���� ���ǹ�� onclick ����觡�÷ӧҹ�����ѧ�ѧ���� doquery() ��觿ѧ���蹹���ѹ��¹���� JavaScript �ѧ��� �ѹ�֧�ӧҹ����� Client ��� �ӧҹ���� Web Browser �ͧ ��觷��ѧ���蹹��з����Ѻ��ҡ��� �ѹ����Ң����ŷ�������͡ŧ�㹪�ͧ Login ��� Password �觵������Ѻ��� login.php ������躹��� Server �ѧ�ٻ
���ǹ�� ������ login.php ����Ѻ��� root ������� 1234 任����ż� ��� 仵�Ǩ�ͺ�������Ҫԡ������� ����¹�������������� ��� ������ҡ MySQL �ҡ���������ҧ�� ����觼š�Ѻ� ������ echo �����㹿ѧ���� doquery ����� JavaScript ��������¹�������� ����¹���ͼŵͺ��Ѻ���������� �ѹ�����Ҽŷ������ ���ʴ����ǹ����ͧ��� �ѧ�ٻ
�ҡ������ҧ�����¡��㹢�ҧ�� �������� �����ҷ�Ẻ����� ��ҡ������繨е�ͧ�ա�� Refresh ���� Reload ˹����������� ��觻������� �����¹����� submit ������Ŵ˹�������������� ��͹��ҧ������һ����ż� ���������������˹��� ˹�觢ͧ���ྨ��� ������ǹ���������ͧ��� ������ǹ��������ٴ�ҹ����, ��ǹ�ͧ Footer ��� ��ǹ�����Ҩ���¹�ǡ Copyright ��ҧ� ��ǹ��ҧ� ����ҹ��е�ͧ�١��Ŵ������������ ���������෤�Ԥ�ͧ AJAX ��� �������ͧ��Ŵ��������� �����§���觢����ŷ���ͧ�������Ѻ PHP ������躹��� Server ������ѹ��� ��ҡ���������˹� ���;�鹷������ʴ����Ѿ��ͧ��û����żŹ���������˹�ҹ�� ������ѹ������ҧ�� �ѹ��� return ���Ѿ���鹡�Ѻ���ʴ�㹵��˹觷����ҵ�ͧ�����....
�ҡ���������价�������� ���������� ෤�Ԥ���Ъ���Ŵ�������� Ŵ��鹵͹㹡����Ŵ������� ��� ����ͧ��ԡ Submit ����������ѹ��Ŵ˹������֧�д������������ҧ�� ෤�Ԥ AJAX �еѴ��鹵͹�ç����͡� ������������ҡŴŧ����ҡ����������
�����Ф�Ѻ ����� ������ѡ�ѹ仾���������� ��੾�����ҧ��� ��ҡ����ҹ�����ҹ���Һ����繷��Ѵ� ��������˵�㴶֧��ͧ��෤�Ԥ AJAX �������Ҫ���㹡����¹��� �ͧ�ٵ�����ҧ���䫵� google.com, gmail.com �������ҧ Microsoft.com ���� �ͧ��㹪�ͧ Search ��ҹ��������ҷ���������ҹ�� �ҡ���෤�Ԥ��� ���ͤ�����ٻẺ����ͧ˹�����䫵��ҡ���������͹��� ����§������¹������仵�����͹䢷�������¹���仹���ͧ
�͹��� 2 ���� �Ҵ��Ըա����¹������ҡ������ҧ����� �ѹ��Ѻ |
|