jquery ajax调用服务器端指定的函数的三种方式

最新推荐文章于 2022-10-12 11:01:50 发布

GoodShot

最新推荐文章于 2022-10-12 11:01:50 发布

阅读量4.8k

点赞数 2

分类专栏： Jquery ASP.NET 文章标签： ajax asp.net 调用函数

ASP.NET 同时被 2 个专栏收录

326 篇文章

订阅专栏

Jquery

93 篇文章

订阅专栏

本文详细介绍了如何利用jQuery调用Web服务、静态方法和通过URL传递参数来实现数据交互的过程。通过实例演示了在Web页面中集成Web服务、静态方法和URL数据传递的方法，提供了具体的代码实现和步骤指导。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1）通过webservice，注意去掉注释[System.Web.Script.Services.ScriptService]这行前的注释

2）通过aspx.cs文件中的静态方法

3）通过aspx文件url

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="asp.net.WebForm1" %>

<!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 runat="server">

    <title></title>

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

    <script type="text/javascript">

        function Ws() {

            $.ajax({

                type: "POST",

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

                url: "WebService1.asmx/HelloWorld2",

                data: "{name:'xiaoxiao'}",

                dataType: 'json',

                success: function (result) {

                    alert(result.d);

                }

            });

        }

        function StaticMethod() {

            $.ajax({

                type: "POST",

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

                url: "aspxpage.aspx/SayHello2",

                data: "{name:'xiaoxiao'}",

                dataType: 'json',

                success: function (result) {

                    alert(result.d);

                }

            });

        }

        function FromPage() {

            $.ajax({

                type: "POST",

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

                url: "dataContent.aspx?nowtime='" + new Date() + "'",

                data: "{}",

                dataType: 'html',

                success: function (result) {

                    alert(result);

                }

            });

        }

    </script>

</head>

<body>

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

    <div>

        <input id="Button1" type="button" value="jquery调用WebService" onclick="Ws()" />

    </div>

    <div>

        <input id="Button2" type="button" value="jquery调用aspx页面静态方法" onclick="StaticMethod()" />

    </div>

    <div>

        <input id="Button3" type="button" value="jquery通过page存储值" onclick="FromPage()" />

    </div>

    </form>

</body>

</html>

以上是启动页面,WebForm1.aspx.cs没有代码

---------------------------------------

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.Services;

namespace asp.net

{

    /// <summary>

    /// WebService1 的摘要说明

    /// </summary>

    [WebService(Namespace = "http://tempuri.org/")]

    [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]

    [System.ComponentModel.ToolboxItem(false)]

    // 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务，请取消对下行的注释。

     [System.Web.Script.Services.ScriptService]

    public class WebService1 : System.Web.Services.WebService

    {

        [WebMethod]

        public string HelloWorld()

        {

            return "Hello World"+System.DateTime.Now.ToLongTimeString();

        }

        [WebMethod]

        public string HelloWorld2(string name)

        {

            return "Hello World" + name + System.DateTime.Now.ToLongTimeString();

        }

    }

}

以上是webservice中的代码

------------------------------

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 asp.net

{

    public partial class aspx页面代替ws : System.Web.UI.Page

    {

        protected void Page_Load(object sender, EventArgs e)

        {

        }

        [WebMethod] 

        public static string SayHello()

        {

            return "Hello";

        }

        [WebMethod]

        public static string SayHello2(string name)

        {

            return "Hello"+name;

        }

    }

}

以上是针对第二条通过aspx.cs中的静态方法注意方法前要加 [WebMethod],aspxpage.aspx页面没代码.

-----------------------------------

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.IO;

namespace asp.net

{

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

    {

        protected void Page_Load(object sender, EventArgs e)

        {

            Response.Clear();

            Page.ViewStateMode = ViewStateMode.Disabled;

            if (Request.QueryString["nowtime"] != null)

            {

                string stime = Request.QueryString["nowtime"].ToString();

                Response.Write(stime);

            }

            Response.Flush();

        }

    }

}