Ajax-Cara Mengambil URL ajax

19:36 Unknown 0 Comments

Ajax-Cara Mengambil URL ajax


kan ceritanya saya ingin mengetahui url yang di hasilkan oleh ajax seperti d bawah..



http://localhost/inventory/public/getlaporan?start=2015-12-01&end=2015-12-31&_token=D4sLpsSRrAqYqqQVMwjOsO8mzgxRffOnvnIVKlLl

Caranya gimana yah??? maklum newbie.. gni aja gx tahu :D..

Trus script ajax nya di bawah...


 $(document).ready(function(){

   $("#btnsimpan").click(function(){

    var $iframe = $('#iframe');

     var start=$("#start").val();

     var end=$("#end").val();

     $.ajax({

       type:"GET", 

       data:{"start":start,

         "end":end,

         "_token":"{{ csrf_token() }}"

      },

       url:"{!! URL::to('getlaporan') !!}",

       beforeSend:function(){

        $('#loading').show();

      },

       success:function(data){

      $("#loading").hide();

        $("#data").append("<iframe src="+this.url+" height='100%' width='100%'></iframe>");
       }

     });

   });

 });


Ternyata cukup pake


this.url

dapet url kya gambar pling atas

-__-

0 comments:

Jquery dan HTML Menambah Animasi Loading

17:37 Unknown 0 Comments

Jquery dan HTML Menambah Animasi Loading 


Pertama Load image nya dulu:


<center><img src="{{asset('/lib/img/loading.gif')}}"  id="loading"></img></center>
<input type="submit" id="btnsimpan" value="Ok">

trus di java script nya:

ini hnya contoh ,, piece dari program saya menggunakan laravel framework.
sesuaikan aja dengan kebutuhan 

$(document).ready(function(){
   $("#btnsimpan").click(function(){
     var start=$("#start").val();
     var end=$("#end").val();
     $.ajax({
       type:"GET", 
       data:{"start":start,
         "end":end,
         "_token":"{{ csrf_token() }}"
      },
       url:"{!! URL::to('getlaporan') !!}",
       beforeSend:function(){
        $('#loading').show();
      },
       success:function(data){
      $("#loading").hide();
        $("#data").html(data);
       }
     });
   });
 });

ini contoh sederhana nya

DEMO

0 comments: