JQuery ajax請求的2種用法

第一種用$.ajax方法發出請求:

<script type="text/javascript">
 $(document).ready(function(){
  $("#Submit").click(function(){
   $.post(
    'calculate.php',
    {
     amount: $("#textfield").attr("value"),
     select1: $("#cur_from").val(),
     select2: $("#cur_to").val()
    },
    function(data){
      $("#result").empty();
      $("#result").html(data);
    }
   );
   /*$.ajax({
    type: "GET",
    cache: "false",
    url: "calculate.php",
    data: "amount="+$("#textfield").attr("value")+"&select1="+$("#cur_from").val()+"&select2="+$("#cur_to").val(),
    complete: function(data){
     //alert(data.responseText);
     $("#result").empty();
     $("#result").html(data.responseText);
    }
   });*/
   return false;
  });
 });
  </script>

第二種用$.post或$.get方法發出請求:

<script type="text/javascript">
 $(document).ready(function(){
  $("#Submit").click(function(){
     $.ajax({
    type: "GET",
    cache: "false",
    url: "calculate.php",
    data: "amount="+$("#textfield").attr("value")+"&select1="+$("#cur_from").val()+"&select2="+$("#cur_to").val(),
    complete: function(data){
     //alert(data.responseText);
     $("#result").empty();
     $("#result").html(data.responseText);
    }
   });
   return false;
  });
 });
  </script>

個人覺得$.post和$.get的方法在被包裹的jquery對象中對於發出的請求端來說是一樣的,因爲請求參數都被嵌入了對象中進行傳輸,所以即使是get方法也看不到請求變量的值,很隱蔽。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章