码迷,mamicode.com
首页 > Web开发 > 详细

jQuery调用后台方法

时间:2016-06-28 10:39:42      阅读:182      评论:0      收藏:0      [点我收藏+]

标签:

前台:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1.Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head id="Head1" runat="server">

    <title></title>

    <script src="Scripts/jquery-1.4.2.js" type="text/javascript"></script>

    <script type="text/javascript">

            $("input[type=‘button‘][value=‘GetOneDayLater‘]").click(function () {

                $.ajax({

                    type: "post",

                    url: "Default.aspx/GetOneDayLate",

                    data: "{days:1}",

                    datatype: "json",

                    contentType: "application/json; charset=utf-8",

                    success: function (data) {

                        $("input#showTime").val(eval(‘(‘ + data.d + ‘)‘)[0].nowtime);

                    },

                    error: function (XMLHttpRequest, textStatus, errorThrown) {

                        alert(errorThrown);

                    }

                });

            });

        });

    </script>

</head>

<body>

    <form id="form1" runat="server">

    <div>

        <input type="button" value="GetOneDayLater" />

        <input type="text" id="showTime" />

    </div>

    </form>

</body>

</html>

 

后台:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.Services;

namespace WebApplication1

{

    public partial class Default : System.Web.UI.Page

    {

        protected void Page_Load(object sender, EventArgs e)

        {

        }

     

        [WebMethod]

        public static String GetOneDayLate(Int32 days)

        {

            return "[{\"nowtime\":\"" + DateTime.Now.AddDays(days).ToShortDateString() + "\"}]";

        }

    }

}

jQuery调用后台方法

jQuery调用后台方法

标签:

原文地址:http://www.cnblogs.com/gudi/p/5622313.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!