Loading ...
Sorry, an error occurred while loading the content.

155Re: [id-js] Tanya : submit form tanpa page refresh

Expand Messages
  • herdian ferdianto
    Sep 1, 2009
    • 0 Attachment
      1. dataStringnya bagaimana pak?
      2. coba erorrnya dicapture, siapa tau 404 atau yg lain ;)

      2009/9/1 G. <gasinbox@...>
       

      Halo para master,

      Salam kenal semuanya para JS-ers.

      Saya newbie yg baru belajar, mohon bantuan dan pencerahannya, hehehe...

      Ceritanya saya punya sebuah form.html di drive C:/test, sehingga file
      tersebut dapat diakses secara lengkap di C:\test\form.html.

      form.html ini memiliki baris kode layaknya sebuah form "contact us",
      berikut ini adalah salah satu baris kode nya:

      <form method="POST" action="http://localhost/form/bin/formmail.php" name="contact">

      Setelah di submit, form.html akan mengirim value field2 yg diisi dengan
      mem-passingnya ke formmail.php dan kemudian mengirimkan ke email saya.
      Sampai sini, semua lancar (data masuk ke email di Gmail).
      (formmail saya download di www.scriptarchive.com/formmail.html)

      Masalahnya, setelah itu halaman form.html di browser tergantikan oleh
      formmail.php yang berisi keterangan konfirmasi bahwa email telah terkirim.
      Padahal saya sangat membutuhkan browser tetap ada di C:\test\form.html,
      karena ada menu2 dan navigasi pada halaman form.html tersebut.

      Setelah saya browsing, saya kemudian menemukan ajax() dari jquery yang
      katanya data bisa terkirim tanpa page-refresh, kemudian saya tambahkan
      kode sebagai berikut:

      $.ajax({
            //deklarasi dan assign value untuk variable dataString

            type: "POST",
            url: "http://localhost/form/bin/formmail.php",
            data: dataString,
            success: function() {
              $('#contact_div').html("<div id='pesan'></div>");
              $('#message').html("<h2>Pesan telah terkirim</h2>")
              .append("<p>Terima kasih.</p>")
              .hide()
              .fadeIn(1500, function() {
                $('#message').append("<img id='checkmark' src='check.png' />");
              });
       });


      Tapi sampai sekarang ini, masih belum berhasil juga, malahan pesan
      konfirmasi di option success juga tidak muncul. Saya juga udah coba
      pake PHPMailer.php tapi tetep masih belum berhasil kalo pake ajax(),
      sedangkan kalo di simpen di action form semua lancar.

      Kira-kira dimana kekurangannya agar saya bisa mengirim data ke email
      melalui sebuah form client tanpa page-refresh (atau dialihkan ke page lain
      yg masih di lingkungan client).

      Mohon maaf kalo kepanjangan, terima kasih sebelumnya.


      Wassalam,
      Andika






      --
      ferdhie
      http://m.ferdianto.com
    • Show all 11 messages in this topic