第一種用$.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方法也看不到請求變量的值,很隱蔽。