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方法也看不到请求变量的值,很隐蔽。

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