Heim > Web-Frontend > js-Tutorial > Hauptteil

JQUERY操作JSON实例代码_jquery

WBOY
Freigeben: 2016-05-16 18:34:51
Original
896 Leute haben es durchsucht

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)
    代码如下:
    复制代码 代码如下:


    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
    Verwandte Etiketten:
    Quelle:php.cn
    Erklärung dieser Website
    Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
    Beliebte Tutorials
    Mehr>
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage