sp.net WebService+Ajax调用

发布时间：2020-12-16 21:51:40 所属栏目：安全来源：网络整理

导读：default.aspx 代码如下： % @ Page Language = " C# " AutoEventWireup = " true " CodeFile = " Default.aspx.cs " Inherits = " _Default " % ! DOCTYPE html html xmlns ="http://www.w3.org/1999/xhtml" head runat ="server" meta http-equiv ="Content

default.aspx 代码如下：

复制代码

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

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script src="scripts/jquery-1.7.1.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#ajax1").click(function () {
                var data = "{}";
                $.ajax({
                    url: "/WebService.asmx/getmsg",type: "POST",dataType: "json",contentType: "application/json; charset=utf-8",data: data,success: function (json) {
                        console.info(json.d);
                        alert(json.d);
                    }
                });
            });

            $("#ajax2").click(function () {
                var data = "{'name':'"+$("#name").val()+"'}";
                $.ajax({
                    url: "/WebService.asmx/getname",success: function (json) {
                        console.info(json.d);
                        alert(json.d);
                    }
                });
            });

            $("#ajax3").click(function () {
                var data = "{'name':'" + $("#name1").val() + "'}";
                $.ajax({
                    url: "/default.aspx/getname",success: function (json) {
                        console.info(json.d);
                        alert(json.d);
                    }
                });
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <input type="button" value="无参"  id="ajax1"/><br/>
        <input type="text" name="name" id="name"/>
        <input type="button" value="带参" id="ajax2" />
        <br />
        <input type="text" name="name" id="name1"/>
        <input type="button"  value="后台方法Ajax调用" id="ajax3"/>
    </div>
    </form>
</body>
</html>

复制代码

default.aspx.cs 代码如下：

复制代码

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender,EventArgs e)
    {

    }
    [System.Web.Services.WebMethod]
    public static string GetName(string name)
    {
        return "调用后台方法："+name;
    }
}

复制代码

WebService.cs 代码如下：

复制代码

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;

/// <summary>
/// WebService 的摘要说明
/// </summary>
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
// 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务，请取消注释以下行。 
[System.Web.Script.Services.ScriptService]
public class WebService : System.Web.Services.WebService {

    public WebService () {

        //如果使用设计的组件，请取消注释以下行 
        //InitializeComponent(); 
    }

    [WebMethod]
    public string HelloWorld() {
        return "Hello World";
    }
    [WebMethod]
    public string GetMsg()
    {
        return "信息";
    }
    [WebMethod]
    public string GetName(string name)
    {
        return name;
    }
}

复制代码

对应实例下载

作者： 李子深

来源： http://shensigzs.cnblogs.com/

声明：原创博客请在转载时保留原文链接或者在文章开头加上本人博客地址，如发现错误，欢迎批评指正。凡是转载于本人的文章，不能设置打赏功能，如有特殊需求请与本人联系！

如果您觉得阅读本文对您有帮助，请点一下“推荐”按钮，您的“推荐”将是我最大的写作动力！欢迎各位转载，但是未经作者本人同意，转载文章之后必须在文章页面明显位置给出作者和原文连接，否则保留追究法律责任的权利。

深思工作室李子深

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!