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

-__-
Read More

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

Read More

0 comments:

Menggunakan Jquery untuk menambah Textbox Dinamis

21:05 Unknown 0 Comments


Menggunakan Jquery untuk menambah Textbox Dinamis

<!DOCTYPE html>
<html lang="en">
    <head>
       <title>Add New Textbox</title>  
        <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="screen">             
    </head>
        <script src="js/jquery.js" type="text/javascript"></script>
    <script src="js/bootstrap.js" type="text/javascript"></script>
  <br><br>
    <form class="form-horizontal">
    <div class="control-group">
    <label class="control-label" for="inputEmail">TextBox</label>
    <div class="inc">
    <div class="controls">
    <input type="text">
        <button class="btn btn-info" type="submit" id="append" name="append">Add Textbox</button>
    <br>
    <br>
    </div>
    </div>
    </div>
<script type="text/javascript">
jQuery(document).ready( function () {

$("#append").click( function() {
        $(".inc").append('<div class="controls"><input type="text"><a href="#" class="remove_this btn btn-danger">remove</a><br><br></div>');
        return false;
    });
    
jQuery('.remove_this').live('click', function() {
    jQuery(this).parent().remove();
    return false;
});
    

    });
</script>



















Read More














0
comments:
        






































Subscribe to:
Posts (Atom)