实际上jquery中的get和post方法,底层也是有ajax方法实现的,可以灵活配置其参数。
<script type="text/javascript" src="js/jquery-1.8.0.js"></script>
<script type="text/javascript">
$(function()
{
$("#getTotalButton").click(function()
{
$.ajax({
url:"MyJqueryAjaxServlet",
type:"GET", //传送方式不同时,仅需把 type改变据可以
dataType:"html",//可以没有,默认的就是html
data:{"num1":$("input:eq(0)").val(),"num2":$("input:eq(1)").val()},
success:function(returnedData)
{
$("input:eq(2)").val(returnedData);
}
});
});
});
</script>
</head>
<body>
<input type="text" name="num1">+<input type="text" name="num2">=<input type="text" name="numTotal"><input type="button" value="getTotal" id="getTotalButton">
</body>