Jquery 小程序

最新推荐文章于 2024-04-04 00:47:36 发布

Eric_Iven

最新推荐文章于 2024-04-04 00:47:36 发布

阅读量1.9k

点赞数

分类专栏： Web Jquery AJAX 文章标签： jquery javascript function callback firefox parameters

本文链接：https://blog.csdn.net/Eric_Iven/article/details/5552362

版权

Web 同时被 2 个专栏收录

10 篇文章 0 订阅

订阅专栏

Jquery AJAX

8 篇文章 0 订阅

订阅专栏

jQuery提供了若干个ajax函数，他们大同小异，只是为了处理不同类型的数据而分开来。最简单的是get(url,parameters,callback),这个函数发起一个GET请求，将服务器返回的数据传递给callback处理。下面的例子实现了当鼠标悬浮在超链接上的时候，就发起一个ajax请求，从服务器端返回关于此超链接的更多介绍的效果。先看服务器端代码，新建一个ajaxload.ashx,仅作为示例，获得查询参数为word的值，并返回

ajaxload.ashx：

<%@ WebHandler Language="C#" Class="ajaxload" %>

using System;
using System.Web;

public class ajaxload : IHttpHandler {
    
    public void ProcessRequest (HttpContext context) {
        context.Response.ContentType = "text/plain";
        string word = context.Request.Params["word"];
        context.Response.Write(string.Format("<p style='color:red;'>More intorduction of {0} is here....</p>",word));
    }
 
    public bool IsReusable {
        get {
            return false;
        }
    }
}

前台代码如下：
<head>
    <title>Ajax Text</title>
     <script type="text/javascript" src="jquery-1.3.2.js"></script>
    <script type="text/javascript">
        $(function() {
            $('a').hover(function(event) {
                $.get('ajaxload.ashx', { word: $(event.target).html() }, function(data) {
                    $('#result').html(data);
                });
            }, function() {
                $('#result').html("");
            });
        });
    </script>
</head>
<body>
<a href="javascript:void(0)">第一个</a><br />
<a href="javascript:void(0)">第二个</a><br />
<a href="javascript:void(0)">第三个</a><br />
<a href="javascript:void(0)">第四个</a><br />
<div id="result">
</div>
</body>
 
这段代码代价可以再 firefox中 的调试插件中   可以看到   （不得不说 firefox的各大插件的强大了 ）

Eric_Iven

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Jquery 小程序

jQuery提供了若干个ajax函数，他们大同小异，只是为了处理不同类型的数据而分开来。最简单的是get(url,parameters,callback),这个函数发起一个GET请求，将服务器返回的数据传递给callback处理。下面的例子实现了当鼠标悬浮在超链接上的时候，就发起一个ajax请求，从服务器端返回关于此超链接的更多介绍的效果。先看服务器端代码，新建一个ajaxload.ashx,仅
复制链接

扫一扫

专栏目录