Motivasi Menulis
» » Aplikasi Rest Menggunakan Cordova

Aplikasi Rest Menggunakan Cordova

Posted by on

Aplikasi Rest


Tugas aplikasi rest menggunakan cordova dibuat untuk memenuhi tugas uts Web Service 2019 padabtanggal 29 April 2019

Disini saya membuat aplikasi input read update delete suatu aplikasi PKL dengan tabel progdi. Selain membuat aplikasi via web saya juga membuat aplikasi via android menggunakan cordova.




contoh coding program index.html

<html>
<head>
<link rel="stylesheet" type="text/css" href="css/ionic.css">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#insert").click(function() {
var nip= $("#nip").val();
var nama = $("#nama").val();
var email = $("#email").val();
var telp = $("#telp").val();
var alamat = $("#alamat").val();
var dataString = "nip=" + nip + "&nama=" + nama +"&telp=" + telp + "&email=" + email + "&alamat=" + alamat + "&insert=";
if ($.trim(nip).length > 0 & $.trim(nama).length > 0 & $.trim(telp).length > 0 & $.trim(email).length > 0 & $.trim(alamat).length > 0 ) {
$.ajax({
type: "POST",
url: "https://sudrmwn.000webhostapp.com/cordova/cordova/www/insert.php",
data: dataString,
crossDomain: true,
cache: false,
beforeSend: function() {
$("#insert").val('Connecting...');
},
success: function(data) {
if (data == "success") {
alert("inserted");
$("#insert").val('submit');
} else if (data == "error") {
alert("error");
}
}
});
}
return false;
});
});
</script>
</head>
<body>
<div class="bar bar-header bar-positive" style="margin-bottom:80px;">
<h1 class="title">Insert Database</h1>
<a class="button button-clear" href="readjson.html">Read JSON</a>
</div>
<br/>
<br/>
<div class="list">
<div class="item">
<label>nip</label>
<input type="text" id="nip" value="" />
</div>
<div class="item">
<label>nama</label>
<input type="text" id="nama" value="" />
</div>
<div class="item">
<label>Telp</label>
<input type="text" id="telp" value="" />
</div>
<div class="item">
<label>Email</label>
<input type="text" id="email" value="" />
</div>
<div class="item">
<label>Alamat</label>
<input type="text" id="alamat" value="" />
</div>
<div class="item">
<input type="button" id="insert" class="button button-block" value="Insert" />
</div>
</div>
</body>
</html>


Struktur tabel yang saya gunakan

progdi
*nip
nama
telp
email
alamat

program lengkap bisa didownload melalui link github dibawah



Labels: WebService

0 Comment for "Aplikasi Rest Menggunakan Cordova"

Back To Top