JS调用webservice服务

阅读目录

• webservice服务
• JS调用
  • JS调用方式同一站点的webservice
  • 跨域访问

 

回到顶部

webservice服务

webservice服务代码

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

namespace Harmonysoft.Web
{
    /// <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 HelloWorld1(string name)
        {
            return "{data:你好：" + name + "}";
        } 
    }
}

在服务中调用引用的服务，并将Ajax脚本调用改取消的注释取消

回到顶部

JS调用

JS调用方式同一站点的webservice

 var name=$("#birthday").val();
 $.ajax({
       type: "Post", //Post传参
       url: "/WebService1.asmx/HelloWorld1",//服务地址
       data: "{name:'" + name + "'}",//参数
       dataType: "json",
       contentType: "application/json;charset=utf-8",
       success: function (result) {
                    // 调用成功后，将获取的名字填入name文本框中。
                    $("#name").val(result.d);
       },
       error: function (e) {
          window.alert(e.status);
       }
  })

调用结果

跨域访问

见另一篇文章 JS跨域访问

 

如果，您认为阅读这篇博客让您有些收获，不妨点击一下右下角的【推荐】。

如果，您希望更容易地发现我的新博客，不妨点击一下，【关注我】

如果，您希望给我更多的鼓励，不妨在右侧点击，【打赏一下】

博文是自己对学习成果的总结,学习总结知识-》分析问题-》解决问题。

文中存在的观点/描述不正确的地方，欢迎指正。

感谢您的阅读，如果您对我的博客所讲述的内容有兴趣，请继续关注我的后续博客，我是yxtic 。