jquery如何调用后台的方法

小弟想用jquery调用后台方法，但现在返回的整个页面的html代码，请问高手们是什么原因啊，应该怎么改
代码如下
前台 Defalut.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
<script type="text/javascript" src="jquery.js"></script>
<script language="javascript">
$(document).ready(function() {
$("#Result").click(function() {
$.ajax({
type: "POST",
url: "Default.aspx/GetDate",//注意调用方式，同样方式可以调用webservice
data: {}, //在这里可以设置需要传递的参数
contentType: "application/json; charset=utf-8",
// dataType: "json",
success: function(msg) { // 替换返回内容
$("#Result").text(msg);
},
error: function(xhr,msg,e) {
alert(msg);
}
});
});
});
</script>
</head>
<body>
<form >
<div >Click here.</div>
</form>
</body>
</html>

后台 Defaule.aspx.cs