Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
Meletakan code jquery-ajax ke file terpisah
code dibawah, berhasil running.
<!-- index.php -->
<body>
<label>Name</label>
<input type="text"
id="name">
<label>Email</label>
<input type="text"
id="email">
<button type="submit"
id="button">SAVE</button>
<br/>
<br/>
<div id="result">this result</div>
<script src="assets/js/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#button").click(function(){
var name=$("#name").val();
var email=$("#email").val();
$.ajax({
url:'aksi.php',
method:'POST',
data:{
name:name,
email:email
},
success:function(data){ $('#result').html(data) }
});
});
});
</script>
kalo untuk memisahkan code jquery.ajax nya ke file js, gmna ya kak ? saya sudah coba seperti code dibawah ini gak berhasil. thanks
<!-- index.php -->
<body>
<label>Name</label>
<input type="text"
id="name">
<label>Email</label>
<input type="text"
id="email">
<button type="submit"
id="button">SAVE</button>
<br/>
<br/>
<div id="result">this result</div>
<script src="assets/js/jquery.min.js"></script>
<script> src="assets/js/ajax_insert.js"</script>
// ajax_insert.js
$(document).ready(function()
{
$("#button").click(function(){
var name=$("#name").val();
var email=$("#email").val();
$.ajax({
url:'aksi.php',
method:'POST',
data:{
name:name,
email:email
},
success:function(data){ $('#result').html(data) }
});
});
});
1 Jawaban:
<pre> <script> src="assets/js/ajax_insert.js"</script> </pre> yg benar
<pre> <script src="assets/js/ajax_insert.js"></script> </pre> edit ">" di scriptnya
Tanggapan
bukan dihapus, tapi dipindah gan <script src="assets/js/ajax_insert.js"></script>
oh iya thanks gan :v