首页 >web前端 >js教程 >JQUERY操作JSON实例代码_jquery

JQUERY操作JSON实例代码_jquery

WBOY
WBOY原创
2016-05-16 18:34:51930浏览

1.jqury如何用ajax的形式调用后台asp.net页面生成的json数据
2.jquery简单的dom操作
3.送本jquery的开发手册给大家(大家慢慢去研究)

准备工作:
首先,我们新建个网站(.net2.0就行).
1.在我们的项目中jquery的js文件。
2.新建一个htm文件,命名为dome.htm吧。
代码如下:(head区的js代码就是实现的全部代码,有详细注释)

复制代码 代码如下:




jquery获取json数据演示页面









    3.我们再建一个一般应用程序(jsonData.ashx)
    代码如下:
    复制代码 代码如下:

    <%@ WebHandler Language="C#" Class="jsonData" %>
    using System;
    using System.Web;
    public class jsonData : IHttpHandler {
    public void ProcessRequest (HttpContext context) {
    context.Response.ContentType = "text/plain";
    string data = "[{name:"ants",age:24},{name:"lele",age:23}]";//构建的json数据
    //下面两句是用来测试前台向此页面发出的查询字符
    string querystrname = context.Request.QueryString.GetValues("name")[0];//取查询字符串中namer的值
    string querystage = context.Request.QueryString.GetValues("age")[0];//取查询字符串中age的值
    context.Response.Write(data);
    }
    public bool IsReusable {
    get {
    return false;
    }
    }
    }

    对以上的内容我只说一点,那就是前台页面中的$.getJSON方法
    $.getJSON(url, params, callback)
    用一个HTTP GET请求一个JavaScript JSON数据
    返回值:XMLHttpRequest
    参数:
    url (String): 装入页面的URL地址。
    params (Map): (可选)发送到服务端的键/值对参数。
    callback (Function): (可选) 当数据装入完成时执行的函数.
    下面贴一些运行成功的图:
    1.运行结果
    JQUERY操作JSON实例代码_jquery
    2,后台调试的数据:
    JQUERY操作JSON实例代码_jquery
    声明:
    本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn