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