ASP.NET WebService+Ajax调用

最新推荐文章于 2024-07-02 02:40:10 发布

ChinaLzw

最新推荐文章于 2024-07-02 02:40:10 发布

阅读量1.9k

点赞数

分类专栏： javascript asp.net web json ajax

asp.net web 同时被 3 个专栏收录

169 篇文章 1 订阅

订阅专栏

javascript

125 篇文章 2 订阅

订阅专栏

json

8 篇文章 0 订阅

订阅专栏

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",
                    type: "POST",
                    dataType: "json",
                    contentType: "application/json; charset=utf-8",
                    data: data,
                    success: function (json) {
                        console.info(json.d);
                        alert(json.d);
                    }
                });
            });

            $("#ajax3").click(function () {
                var data = "{'name':'" + $("#name1").val() + "'}";
                $.ajax({
                    url: "/default.aspx/getname",
                    type: "POST",
                    dataType: "json",
                    contentType: "application/json; charset=utf-8",
                    data: data,
                    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/

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

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

深思工作室李子深

ChinaLzw

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录