zoukankan      html  css  js  c++  java
  • 常规轮询请求,客户端用Ajax调webservice的方法

    服务端发布webservice,下图方框中的一定要有

    客户端代码

    <script type="text/javascript">
            $(document).ready(function () {
                getWebservice();
                setInterval(getWebservice, 1000);
            });
            var swic = true;
            var count = 1;
            function getWebservice() {
                //调用无参数方法
                $.ajax({
                    type: "POST",
                    contentType: "application/json;charset=utf-8", //WebService 会返回Json类型
                    url: "http://localhost:3933/WebService/InterfaceService.asmx/HelloWorld",
                    data: "{}", //Email参数
                    dataType: 'json',
                    success: function (result) {
                        var text = "获取请求"+count+"次:"+result.d.toString()+"";
                        $("#txtContent").text(text)
                        if (swic) {
                            $("#txtContent").attr("style", "color:red");
                            swic = false;
                        }
                        else {
                            $("#txtContent").attr("style", "color:blue");
                            swic = true;
                        }
                        count++;
                    },
                    error: function (r, s, e) {
                        debugger;
                        //请求失败时的回调处理. 
                        alert(e);
                    }
                });
            }
        </script>
    

      

    <asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
        <h2>
            欢迎使用 ASP.NET!
        </h2>
        <p>
            若要了解关于 ASP.NET 的详细信息,请访问 <a href="http://www.asp.net/cn" title="ASP.NET 网站">www.asp.net/cn</a>。
        </p>
        <p>
            您还可以找到 <a href="http://go.microsoft.com/fwlink/?LinkID=152368" title="MSDN ASP.NET 文档">
                MSDN 上有关 ASP.NET 的文档</a>。
        </p>
        <a id="txtContent">获取请求1次</a>
    </asp:Content>
    

    前台页面显示

  • 相关阅读:
    【Java】_2_Java程序入门第五课
    【算法和数据结构】_3_线性结构_栈
    Windows程序设计_17_鼠标_1
    网络基础知识1:集线器,网桥,交换机
    [hyddd安全性测试笔记2]浅淡静态代码分析工具
    [Ruby小记]初试~
    Arp攻击实战
    [hyddd安全性测试笔记1]URL Encode and URL Decode
    网络嗅探技术浅析
    Session小记
  • 原文地址:https://www.cnblogs.com/liangwenchao-912/p/4915768.html
Copyright © 2011-2022 走看看