JQuery ajax请求的2种用法

来源:互联网 发布:java中变量的定义方法 编辑:程序博客网 时间:2024/05/01 06:37

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

原创粉丝点击