asp.net WebService+Ajax調用

本文轉載自查看原文 2015-01-24 22:53 3771 asp.net/ webservice/ ajax

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;
    }
}

對應實例下載

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 jQuery Ajax 方法調用 Asp.Net WebService 以及調用aspx.cs中方法的詳細例子在ASP.NET 中調用 WebService 服務 Asp.net動態調用WebService Android 調用 Asp.net 的WebService 實例在ASP.NET Core調用WebService Jquery利用ajax調用asp.net webservice的各種數據類型(總結篇) JQuery ajax調用asp.net的webMethod ASP.NET CORE WEB API 調用WebService數據 android調用asp.net webservice,返回json結構 Java調用ASP.NET的webservice故障排除