网站导航免费论文 原创论文 论文搜索 原创论文 网学软件 学术大家 资料中心 会员中心 问题解答 原创论文 论文素材 设计下载 最新论文 下载排行 论文上传 在线投稿 联系我们
返回网学首页
最新论文 推荐专题 热门论文 素材专题
当前位置: 网学 > 网页素材 > AJAX代码 > 正文
ajax简单调用web服务示例
来源:Http://myeducs.cn 联系QQ:点击这里给我发消息 作者: 用户投稿 来源: 网络 发布时间: 11/01/18

 首先建立一个web服务:

using System;
using System.Collections;
using System.Web;
using System.Web.Services;
using System.Web.Services.Protocols;
using System.Web .Script .Services ;

///
///WebService 的摘要说明
///
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[ScriptService ]
public class WebService : System.Web.Services.WebService {

    public WebService () {

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


    [WebMethod]
    public string HelloWorld(string instr) {
        string str = "服务器asp。net ajax得到了你输入的信息:"+instr +"你的ip地址是:";
        str += System.Web.HttpContext.Current.Request.UserHostAddress;
        str += "当前时间:";
        str += System.DateTime.Now.ToLocalTime();
        return str;
    }

    
}

 

下面是页面源文件:

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id ="head1" runat="server">
    <title>hello</title>
    <script type ="text/javascript" language ="javascript"  >
    //web服务成功后调用回调函数
    function OnShow(result)//这里的参数是web函数调用后返回的值
    {
    var s=$get("msg");//也可以用document.getElementById("msg")获取html控件“msg”;
  
    s.innerHTML=result .toString ();
    }
    function SayHello()
    {
    var fs=WebService;//这里的WebService是web服务中的类(不要和文件名搞反了)
    fs .HelloWorld(document.getElementById("testmsg").value,OnShow);//OnShow 是web函数调用成功后调用的函数并且把返回值传给它
  return false ;
    }
    </script>
    <style type="text/css">
        #Text1
        {
            width: 206px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server" >
            <Services>
                <asp:ServiceReference Path="WebService.asmx" />//web服务的调用
            </Services>
        </asp:ScriptManager>
        <div style="width: 400px; margin-top :50px; text-align :center ">
            <input id="testmsg" type="text" value="hello ajax" /><br />
            <asp:Button ID="Button1" runat="server" onclientclick="return SayHello()"
                Text="提交给WEB服务" />
            <br />
        </div>
        <div id ="msg" >信息从这里显示。。。。。</div>
    </form>
</body>
</html>

 

 

  • 上一篇资讯: AJAX中Webservice调用方法
  • 网学推荐

    免费论文

    原创论文

    浏览:
    设为首页 | 加入收藏 | 论文首页 | 论文专题 | 设计下载 | 网学软件 | 论文模板 | 论文资源 | 程序设计 | 关于网学 | 站内搜索 | 网学留言 | 友情链接 | 资料中心
    版权所有 电话:013574892963 QQ:3710167 邮箱:Educs@163.com 网学网 [Myeducs.cn] 您电脑的分辨率是 像素
    Copyright 2008-2015 Www.myeducs.Cn All Rights Reserved
    湘ICP备09003080号