温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

asp.net下怎么使用jquery实现ajax

发布时间:2022-03-30 10:14:53 阅读:236 作者:iii 栏目:移动开发
前端开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

本文小编为大家详细介绍“asp.net下怎么使用jquery实现ajax”,内容详细,步骤清晰,细节处理妥当,希望这篇“asp.net下怎么使用jquery实现ajax”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。

首先新建一个名闻Ajax的asp.net web空应用程序,项目目录如下图所示

asp.net下怎么使用jquery实现ajax

其中.ashx文件是一般处理程序,暂时不用知道它是干嘛用的,后面你就知道了。

我们首先理清一下我们要实现的功能:WebForm1页面每隔一秒向Handler1处理程序发出请求,Handler1返还数据给WebForm1页面,WebForm1页面通过ajax技术实现局部刷新效果。

首先来看看Handler1的主要代码:

public void ProcessRequest(HttpContext context)
{
    Random rand = new Random();
    int num = rand.Next(1,10);
    context.Response.Write(num);
}

主要是把ProcessRequest这个方法改成以上的样子,产生一个1~9的随机整数返回给请求页面。

再来看看WebForm1.aspx的主要代码:

<script type="text/javascript" src="jQuery/jquery-1.7.1.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        function get() {
            $.ajax({
                type"Post",
                url"Handler1.ashx",
                data"",
                successfunction (data) {
                    $("#dataShow").text(data);
                }
            });
        }
        setInterval(get, 1000);
    })
</script>

我们要使用jquery的话,就要引用我们刚下下载的那个jqury-1.7.1.js文件,下面的代码应该能看明白吧?如果这也看不明白,那要先去补补js的基础了。

在页面上添加这样一句代码:

<p id="dataShow"></p>

是用来显示请求Handler1返回的数据的。

读到这里,这篇“asp.net下怎么使用jquery实现ajax”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注亿速云行业资讯频道。

亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

原文链接:http://mi.chinabyte.com/12/13962012.shtml

AI

开发者交流群×