文档章节

C#中利用jQuery获取Json值示例,Ajax方式。

深圳大道
 深圳大道
发布于 2016/12/29 15:38
字数 388
阅读 3
收藏 0
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>jQueryAjaxJson取值示例</title>
    <script type="text/javascript" src="Scripts/jquery-1.4.4.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#Button1").click(function () {
                $.ajax({
                    url: 'AjaxQuery.aspx',
                    type: 'GET',
                    dataType: 'json',
                    timeout: 1000,
                    cache: false,
                    beforeSend: LoadFunction, //加载执行方法
                    error: erryFunction,  //错误执行方法
                    success: succFunction //成功执行方法
                })
                function LoadFunction() {
                    $("#ddd").html('加载中...');
                }
                function erryFunction() {
                    alert("error");
                }
                function succFunction(tt) {
                    $("#ddd").html('');
                    var json = eval(tt); //数组                
                    $.each(json, function (index, item) {
                        //循环获取数据
                        var name = json[index].Name;
                        var age = json[index].Age;
                        var sex = json[index].Sex;
                        $("#ddd").html($("#ddd").html() + "<br>" + name + " - " + age + " - " + sex + "<br/>");
                    });
                }
            });
        })
    </script>
</head>
<body>
    <input type="button" id="Button1" value="获取json数据" />
    <span id="ddd"></span>
</body>
</html>
//Ajax Post Text
function savedata(tempid) {
    var tid = $('#hidtemplate').attr('value');
    var desc = $("#contentdiv").html();
    var num_iid = $("#num_iidArr").attr('value');
    var num_iid2 = $("#num_iidArr001").attr('value'); //发布页面
    var topsvalue = $("#tops").attr('value');
    if (num_iid != "" && num_iid2 != "") {
        $.ajax({
            url: 'TabBaoHandler.ashx',
            type: 'POST',
            data: 'type=3&num_iid=' + num_iid2 + '&tid=' + tid + '&desc=' + desc + '&top_session=' + topsvalue,
            dataType: 'text',
            timeout: 20000,
            cache: false,
            //async: false, //同步
            beforeSend: LoadFunction, //加载执行方法  
            error: erryFunction,  //错误执行方法  
            success: succFunction //成功执行方法  
        })
        function LoadFunction() {
            showLoad("正在运行中...");
        }
        function erryFunction() {
            $("#contentdiv").html("<p style=\"padding:5px\"><img src=\"images/error.png\" />sorry,提交失败</p>");
            closeLoad();
        }
        function succFunction(tt) {
            closeLoad();
            $("#contentdiv").show().html(tt);
        }
    } else {
        alert("请选择后再操作");
    }
}

using System;
//新增
using System.Web.Script.Serialization;
using System.Collections.Generic;

public partial class AjaxQuery : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            List<Student> list = new List<Student>();
            Student c = new Student();
            c.Name = "张三";
            c.Age = 23;
            c.Sex = "男";
            list.Add(c);
            Student cc = new Student();
            cc.Name = "李四";
            cc.Age = 25;
            cc.Sex = "男";
            list.Add(cc);
            Student ccc = new Student();
            ccc.Name = "李玲";
            ccc.Age = 25;
            ccc.Sex = "女";
            list.Add(ccc);
            Response.ContentType = "application/json";
            Response.Write(new JavaScriptSerializer().Serialize(list));////这个很关键,否则error
            Response.End();
        }
    }
    public struct Student
    {
        public string Name;
        public int Age;        
        public string Sex;
    }
}

本文转载自:http://blog.csdn.net/smartsmile2012/article/details/7900376

深圳大道
粉丝 3
博文 877
码字总数 0
作品 0
深圳
架构师
私信 提问
jquery 解析json与json 例子

jquery处理网页特效on的方法 jquery处理json的方法是直接eval,给一个变量,但是,今天看到其源代码,证明我的想法彻底错了。   它先判定有没有window.json.parse这个方法,如果有,直接用...

xiahuawuyu
2012/06/20
0
0
Java程序员从笨鸟到菜鸟之(八十九)跟我学jquery(五)jquery中的ajax详解

Ajax让用户页面丰富起来, 增强了用户体验. 使用Ajax是所有Web开发的必修课. 虽然Ajax技术并不复杂, 但是实现方式还是会因为每个开发人员的而有所差异.jQuery提供了一系列Ajax函数来帮助我们统...

长平狐
2012/11/12
293
0
JQuery的Ajax跨域请求的解决方案

今天在项目中需要做远程数据加载并渲染页面,直到开发阶段才意识到ajax跨域请求的问题,隐约记得Jquery有提过一个ajax跨域请求的解决方式,于是即刻翻出Jquery的API出来研究,发现JQuery对于...

Carl_
2014/07/15
0
0
使用 Grails 与 jQuery 创建 Web Calendar

Grails 是一套用于快速 Web 应用开发的开源框架,它基于 Groovy 编程语言,并构建于 Spring、Hibernate 和其它标准 Java 框架之上,从而为大家带来一套能实现超高生产力的一站式框架。 jQue...

红薯
2010/06/25
1K
1
jQuery Ajax 全解析

jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯。 废话少说,直接进入正题,我们先来看一些简单的方法,这些方法都是...

李长春
2011/12/29
0
0

没有更多内容

加载失败,请刷新页面

加载更多

mac搭建mysql环境

这里记录一下mac中搭建mysql中环境的过程,主要记录一下操作,以便日后再次安装。 进入mysql官方网站下载dmg包,解压,安装,生成数据库登录密码。 在bash_profile中加入PATH=$PATH:/usr/loc...

JerryLin123
30分钟前
1
0
以太坊如何计算交易成本

在发送比特币交易时,其费用与其大小成比例。输入和输出越多,它就越贵。再加上未决交易的因素,交易费用可能仅基于这两个因素就会飙升。 对于以太坊,鉴于我们正在谈论协议中的编程语言,对...

笔阁
38分钟前
1
0
java修饰符的一些问题

作者总结的好 http://www.cnblogs.com/lixiaolun/p/4311727.html

南桥北木
41分钟前
1
0
Fabric-sdk-java链码访问快速上手【无痛】

在超级账本Fabric区块链中,应用通过节点的RPC协议接口访问链码。Java应用可以使用官方提供的Fabric-sdk-java开发包来实现对链码的访问,开发包封装了Fabric区块链的GRPC链码访问协议,有利于...

geek12345
42分钟前
1
0
python setup.py egg_info" failed with error code 1 in /tmp/pip-install-fwot3_uw/mysqlclient/

解决方法: yum install python-devel yum install mysql-devel yum install gcc

MedivhXu
45分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部