AJax技术

ASP.NET AJAX Beta2 调用本地WebService的一些改变

字号+ 作者: 来源:    2014-11-17 20:43 我要评论( )

ASP.NET AJAX Beta2 调用本地WebService的一些改变,阅读ASP.NET AJAX Beta2 调用本地WebService的一些改变,发现最新版本的改动很大,下面就测试情况作一下说明(这里借用官方的例子):1、首先建一个WebService 文件(HelloWorldService.asmx),代码如下: %@

发现最新版本的改动很大,下面就测试情况作一下说明(这里借用官方的例子):

1、首先建一个WebService 文件(HelloWorldService.asmx),代码如下:
 
<%@ WebService Language="C#" Class="Samples.AspNet.HelloWorldService" %>

using System;
using System.Web;
using System.Web.Services;
using System.Xml;
using System.Web.Services.Protocols;
using Microsoft.Web.Script.Services;

namespace Samples.AspNet
{

    [WebService(Namespace = "")]
    [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
    [ScriptService]
    public class HelloWorldService : System.Web.Services.WebService
    {

        [WebMethod]
        public string HelloWorld(String query)
        {
            string inputString = Server.HtmlEncode(query);
            if (!String.IsNullOrEmpty(inputString))
            {
                return String.Format("Hello, you queried for {0}. The "
                  + "current time is {1}", inputString, DateTime.Now);
            }
            else
            {
                return "The query string was null or empty";
            }
        }
    }
}
这里要说明的是[ScriptService] 属性,只有加上这个性属性,才能在页面中通过js进行异步调用;

2、建一个调用页面(AjaxScript1.aspx),如下:
<%@ Page Language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  "">

<html xmlns="">

  <head id="Head1" runat="server">
    <title="测试一" />
    <style type="text/css">
      body { font: 11pt Trebuchet MS;
        font-color: #000000;
        padding-top: 72px;
        text-align: center }

      .text { font: 8pt Trebuchet MS }
    </style>

   </head>
   <body>
   <form id="Form1" runat="server">
   <asp:ScriptManager runat="server" ID="scriptManager">
      <Services>
        <asp:ServiceReference path="~/HelloWorldService.asmx" />
      </Services>
   </asp:ScriptManager>

     <div>
       Search for
       <input id="SearchKey" type="text" />
       <input id="SearchButton" type="button" value="Search"
         onclick="DoSearch()" />
    </div>
  </form>
  <hr style="width: 300px" />
  <div>
  <span id="Results"></span>
  </div>
   <script type="text/javascript">

     function DoSearch()
     {
       var SrchElem = document.getElementById("SearchKey");
       Samples.AspNet.HelloWorldService.HelloWorld(SrchElem.value, OnRequestComplete);
     }

     function OnRequestComplete(result)
     {
       var RsltElem = document.getElementById("Results");
       RsltElem.innerHTML = result;
     }

   </script>
  </body>
</html>

注意,这里的<asp:ScriptManager runat="server" ID="scriptManager">
      <Services>
        <asp:ServiceReference path="~/HelloWorldService.asmx" />
      </Services>
   </asp:ScriptManager>
放在<form>中了。

改变好像挺大!

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • JQuery实现Ajax加载图片的方法

    JQuery实现Ajax加载图片的方法

    2016-02-24 17:01

  • 判断用户是不是为ajax请求

    判断用户是不是为ajax请求

    2016-02-24 17:00

  • Ajax与WEB开发 by alixixi.com

    Ajax与WEB开发 by alixixi.com

    2016-02-11 11:02

  • jQuery.ajax()的相关参数及使用

    jQuery.ajax()的相关参数及使用

    2016-02-08 16:00

网友点评