9 Mart 2020 Pazartesi

JQuery ve Ajax

ajax metodu
get post gibi şeyler yapılabilir.
Örnek
Şöyle yaparız.
$.ajax({
    url : 'http://localhost:8080/log',
    type : 'POST',
    contentType : 'application/json',
    data : JSON.stringify({
        "user" : $("#loginUser").val(),
        "password" : $("#loginPass").val()
    }),
    success : function(jqXhr, textStatus, data) {
      localStorage.setItem("user",$("#loginUser").val());
      window.open("../dashboard/home.html", "_self");
      console.log(data);
    },
    error : function(jqXhr, textStatus, errorThrown) {
      console.log(errorThrown);
    }
});
Örnek
Kutuya yazıldıkça bilgi çekmek için şöyle yaparız
$(document).ready(function () {
  $('#vendor_id').on('keyup',function() {
    var query = $(this).val();
    $.ajax({
      url:"{{ route('admin.search') }}",
      type:"GET",
      data:{'vendor':query},
      success:function (data) {
        $('#vendor_list').html(data);
      }
    })
  });

  $(document).on('click', 'li', function(){
    var value = $(this).text();
    var id = $(this).attr('id');
    $('#vendor_name').val(value);
    $('#vendor_id').val(id);
    $('#vendor_list').html("");
  });
});
get metodu
Şöyle yaparız.
<script>
  var flag;
  $.get("http://ctf2.animan.xyz/cgi-bin/challenge.py", function(data) {
    flag = data;
  });
  ...
</script>
post metodu
Şöyle yaparız.
$.post('...', { field1: "hello", field2 : "hello2"}, 
  function(returnedData){
    console.log(returnedData);
});

Hiç yorum yok:

Yorum Gönder