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

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

创新互联公司是一家从事企业网站建设、做网站、网站建设、行业门户网站建设、网页设计制作的专业网站制作公司,拥有经验丰富的网站建设工程师和网页设计人员,具备各种规模与类型网站建设的实力,在网站建设领域树立了自己独特的设计风格。自公司成立以来曾独立设计制作的站点上1000+。

首先新建一个名闻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的主要代码:



    $(document).ready(function () {
        function get() {
            $.ajax({
                type: "Post",
                url: "Handler1.ashx",
                data: "",
                success: function (data) {
                    $("#dataShow").text(data);
                }
            });
        }
        setInterval(get, 1000);
    })

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

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

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

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


名称栏目:asp.net下怎么使用jquery实现ajax
URL标题:http://ybzwz.com/article/jspsid.html