jquery如何调用后台的方法

小弟想用jquery调用后台方法，但现在返回的整个页面的html代码，请问高手们是什么原因啊，应该怎么改
代码如下
前台 Defalut.aspx
复制代码
  2. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml">
  6. <head runat="server">
  7. <title>Untitled Page</title>
  8. <script type="text/javascript" src="jquery.js"></script>
  9. <script language="javascript">
  10. $(document).ready(function() {
  11. $("#Result").click(function() {
  12. $.ajax({
  13. type: "POST",
  14. url: "Default.aspx/GetDate",//注意调用方式，同样方式可以调用webservice
  15. data: {}, //在这里可以设置需要传递的参数
  16. contentType: "application/json; charset=utf-8",
  17. // dataType: "json",
  18. success: function(msg) { // 替换返回内容
  19. $("#Result").text(msg);
  20. },
  21. error: function(xhr,msg,e) {
  22. alert(msg);
  23. }
  24. });
  25. });
  26. });
  27. </script>
  28. </head>
  29. <body>
  30. <form id="form1" runat="server">
  31. <div id="Result">Click here.</div>
  34. </form>
  35. </body>
  36. </html>

后台 Defaule.aspx.cs
复制代码
  1. using System;
  2. using System.Data;
  3. using System.Configuration;
  4. using System.Web;
  5. using System.Web.Security;
  6. using System.Web.UI;
  7. using System.Web.UI.WebControls;
  8. using System.Web.UI.WebControls.WebParts;
  9. using System.Web.UI.HtmlControls;
  11. [System.Web.Script.Services.ScriptService]
  12. public partial class _Default : System.Web.UI.Page
  13. {
  14. protected void Page_Load(object sender, EventArgs e) { }
  15. [System.Web.Services.WebMethod]
  16. public static string GetDate() { return DateTime.Now.ToString(); }
  17. }

posted on 2009-10-09 17:09  J-Pei  阅读(3806)  评论(3)  编辑  收藏  举报

导航