Pemrograman Web II Ganjil

Slides:



Advertisements
Presentasi serupa
FORM HANDLING
Advertisements

Image – Hyperlink – Form
PHP + MySQL.
Pemrograman Web – PHP 2 Antonius RC. PHP dan Form (1)
Membuat form HTML+PHP Dwi Cahyono.
jQuery is a JavaScript Library.
Kholid Fathoni, S.Kom., M.T. Politeknik Elektronika Negeri Surabaya 2012 PENS - ITS 1 Fungsi, Modularisasi dan PHP Form.
KONSEP PEMROGRAMAN WEB
HTML PEMROGRAMAN INTERNET. Form & Input HTML Form adalah area yang bisa ditempati oleh elemen form. Elemen form adalah elemen yg mengijinkan user memasukkan.
JavaScript Pemrograman Web 1 Genap Tim Dosen Pemrograman Web Teknik Informatika UNPAS Pengenalan JavaScript Apa itu JavaScript?
JavaScript Pemrograman Web 1 Genap Tim Dosen Pemrograman Web Teknik Informatika UNPAS Popup Box JavaScript memiliki tiga macam.
Konsep Pemrograman Web
FORM STD minggu 4. Penangan Form Form Input Type TEXT dan PASSWORD Form Input Type RADIO Form Input Type CHECKBOX Form Input Type COMBO BOX Form Input.
Pemrograman Javascript
FORM PADA WEB WEB 1 KELAS X.
Java Server Pages D4 LJ-PJJ Dasar Pemrograman Web Eru©Juli-2009 PENS – ITS.
PHP - AJAX.
Fungsi, Modularisasi dan PHP Form
RESPONSE DAN REQUEST MESSAGE
HTML – 4 FORM. FORM adalah elemen HTML yang digunakan untuk mengizinkan pengguna web mengirimkan data ke Web Server. Dengan kata lain form berperan sebagai.
Internet Programming FORM DAN UP LOAD FILE M. Agus Zainuddin PENS – ITS Surabaya.
HTML (Table, Form, Frame, Hyperlink)
METOD POST (FILE PENGIRIM)
FORM dan FRAME.
ADD-ON Dasar HTML.
Perancangan Web Pertemuan IV
Pertemuan 2 : HTML.
PHP.
JavaScript Pemrograman Web 1.
FORM.
HTML DOM Pemrograman Web 1 Genap Tim Dosen Pemrograman Web Teknik Informatika UNPAS HTML DOM DOM, singkatan dari Document Object.
FORM.
Penanganan Form Achmad Solichin Fakultas Teknologi Informasi
Mengenal dan teknik pembuatan form
Pemrograman Web II Ganjil
MATERI PERKULIAHAN REKAYASA PERANGKAT LUNAK DISUSUN OLEH : KRISTIAWAN NUGROHO, M.KOM Fakultas Kesehatan.
Tim Dosen Pemrograman Web II
Introduction to Dynamic Website
Pertemuan 1 Khairul Anwar Hafizd
Lutfi Budi Ilmawan Univ. Muslim Indonesia
RONA SALWA IHDINA PTI UM
PERTEMUAN 2 HTML (Lanjutan).
Pemrograman PHP Lanjut
RESPONSE DAN REQUEST MESSAGE
Perancangan & Pemrograman Web
JavaScript Part 1 : Pengertian dan Pengenalan JavaScript
Panduan Singkat Manajemen Website Program Studi PPNS (rev.0)
JAVASCRIPT VALIDATION
Passing Variable Dalam PHP
Achmad Solichin Fakultas Teknologi Informasi
Pengembangan Aplikasi Framework
Komputer Aplikasi IT 2 Variabel.
Ajax Client/Server Sederhana
STRUKTUR HTML <html> <head>
PHP5 Internet Programming.
Hyperlink & Form Pertemuan 11
PIBJ (PEMROGRAMAN INTERNET BERBASIS JAVA)
Pertemuan 3 Lanjutan Variabel & Type Data
Pengembangan Aplikasi Framework
Oleh : Inggar Prayoga.,S.I.Kom
MENGGUNAKAN FORM Jika menginginkan sebuah website interaktif ,maka digunakan FORM. Sebuah form menggunakan : tag dan ditutup dengan tag
Hyperlink and Form Session 10 & 11
Praktikum Pengambangan Web
Nama Kelompok : 1. Heri Kristanto 2. Fico Arditiasa Saputra
Pemrograman Web HTML (5) Form CSS Andy Haryoko, ST
KOMPUTER APLIKASI IT I FORM.
Komputer Aplikasi IT 2 Variabel.
Form.
Tata Letak Judul Subjudul
PENANGANAN FORM, PENYIMPANAN DAN PENGAMBILAN NILAI VARIABEL
Transcript presentasi:

Pemrograman Web II Ganjil 2015 - 2016 jquery Pemrograman Web II Ganjil 2015 - 2016

$.ajax $.ajax({ url: ‘alamat data’, type: ‘GET/POST’, data: { key1: ‘value1’, key2: ‘value2’ }, success: function(hasil) { $(‘container’).html(hasil); } });

Keterangan url: alamat tempat data akan diambil type: metode transfer data (get/post) data: data yang akan dikirimkan (jika ada/optional) success: yang akan dilakukan jika data siap dikirimkan $(‘#container’).html(hasil) data yang didapatkan akan disimpan di dalam #container

Fungsi ajax singkat (spesifik terhadap method) $.get(‘alamat_data.php’, function(hasil) { $(‘#container’).html(hasil); }); Jika mengambil data menggunakan method GET Jika ada data yang akan dikirimkan, bisa disisipkan melalui url menggunakan ‘?data=value’

Fungsi ajax singkat (spesifik terhadap method) $.post( ‘alamat_data.php’, { data: ‘value’ }, function(hasil) { $(‘#container’).html(hasil); } );

Fungsi ajax paling singkat $(‘#container’).load(‘alamat_data.php’); Mengirimkan data dari alamat_data.php dan disimpan di #container Method load yang menentukan sendiri method yang digunakan berdasarkan ada atau tidaknya data yang dikirimkan Tetap bisa menambahkan parameter data dan success function pada jika diperlukan

e.preventDefault() Digunakan untuk menghentikan / membajak (override) sebuah fungsi dari html dan digantikan dengan javascript/jquery Biasa digunakan pada link ( <a href=“”> ) ketika di-klik atau pada form ketika di submit

e.preventDefault() Html JQuery Akan menampilkan alert, bukan mengirim data ke tambah.php

Tim Dosen Pemrograman Web II 2011 - 2012 Terima Kasih Pemrograman Web 2 - 20152016 sandhikagalih@unpas.ac.id erik@unpas.ac.id Teknik Informatika UNPAS