Ajax 获取服务器时间[无刷新] 代码通用

最新推荐文章于 2021-11-02 09:50:58 发布

zhanglan478950

最新推荐文章于 2021-11-02 09:50:58 发布

阅读量1.8k

点赞数

本文链接：https://blog.csdn.net/zhanglan478950/article/details/8951202

版权

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="js/Jquery1.7.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            /*$('#Button1').click(function () {
            $.ajax({
            type: "post",
            contentType: "application/json",
            url: "WebService1.asmx/GetDate",
            data: "{}",
            success: function (result) {
            $('#mydiv').text(result.d);
            }
            })

            })*/

            function GetDate() {
                $.ajax({
                    type: "post",//客户端向服务器发送请求时采取的方式
                    contentType: "application/json",//指定客户端发送给服务器的内容的类型以及服务器返回给客户端内容的类型为json格式
                    url: "WebService1.asmx/GetDate",//指明客户端要向哪个页面里面的哪个方法发送请求
                    data: "{}",//指定伴随发送的请求传递到服务器的参数
                    success: function (result) {//客户端调用服务器端方法成功后执行的回调函数。
                        $('#mydiv').text(result.d);
                    }
                })
            }
            setInterval(GetDate, 1000);
        })
    </script>
</head>
<body>
<div id="mydiv"></div>
    <input id="Button1" type="button" value="获取服务器时间" />
</body>
</html>

解决使用ajax没反应的问题
1.在后台设置断点，调试，看看能否触发后台方法
2.如果能够触发，说明前台的ajax代码写的没问题
3.如果不能触发，说明ajax代码有问题，着重检查url,data两个参数。

zhanglan478950

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Ajax 获取服务器时间[无刷新] 代码通用

$(function () { /*$('#Button1').click(function () { $.ajax({ type: "post", contentType: "application/json", url: "WebService1.asmx/GetDate",
复制链接

扫一扫