一个AJAX的请求--------------Json的解析（Json字符串，Json对象）-----------------

最新推荐文章于 2023-08-24 15:24:01 发布
最新推荐文章于 2023-08-24 15:24:01 发布
阅读量5.3k 收藏 4
点赞数 1
分类专栏： Mvc AJAX | JSON 文章标签： JOSN使用示例
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Fanbin168/article/details/41330391
版权

mvc使用JsonResult返回Json数据 

json字符串与JSON对象

<控制器>

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using System.Configuration;
using System.Data.SqlClient;
using System.Data;
using JSON.Models;

namespace JSON.Controllers
{
    public class HomeController : Controller
    {

        public ActionResult Index()
        {
            return View();
        }

        /// <summary>
        /// 获取年龄
        /// </summary>
        /// <param name="username"></param>
        /// <returns>返回一个字符串</returns>
        public ActionResult GetAge(string username)
        {
            var age = "";
            if (!string.IsNullOrWhiteSpace(username))
            {
                string sql = "select Age from t_user where UserName=@username";
                age = (SqlHelper.ExecuteScalar(sql, new SqlParameter("username", username))).ToString();
            }
            return Content(age); 

        }
        /// <summary>
        /// 获取姓名
        /// </summary>
        /// <param name="id"></param>
        /// <returns>方法放回一个Table表的Json对象</returns>
        public ActionResult GetName(int id)
        {
            string sql = "select * from t_user where id=@id";
            DataTable dt=SqlHelper.ExecuteDataTable(sql,new SqlParameter("id",id));
            string data = DataTableToJson.ToJson(dt); //调用DataTableToJson类的ToJson方法，将dt这个表转换成Json格式的字符串
            //Type type= data.GetType(); 通过type调试得知data其实就是一个string类型。

            var res = new JsonResult();
            res.Data = new { MyData = data };//将Json格式的字符串data赋给一个匿名类对象的MyData属性(注：这个MyData名字你可以自己随意定义)。然后将这个匿名类对象赋给res的Data属性。
            res.JsonRequestBehavior = JsonRequestBehavior.AllowGet;
            return res;//也可以写成下面的形式

            
            //return new JsonResult  //返回一个JsonResult对象
            //{
            //    Data = new { MyData = data },
            //    JsonRequestBehavior = JsonRequestBehavior.AllowGet
            //};
        }

    }
}


<视图>

<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<!DOCTYPE html>
<html>
<head runat="server">
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <script src="../../Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
</head>
<body>
    <div id="div1" style="color: Red">
    </div>
    <div id="div2" style="color: Blue">
    </div>
    <input type="button" value="获取姓名" id="btnClick" />
</body>
<script type="text/javascript">
    $.ajax({
        url: "/Home/GetAge",
        type: "get",
        //async: true,
        dataType: "json",
        data: { username: "周晶" },
        success: function (ajaxData) {
            $("#div1").text(ajaxData);
        }
    });


</script>
<script type="text/javascript">
    $(function () {
        $("#btnClick").click(function () {
            $.ajax({
                url: "/Home/GetName",
                dataType: "json", 
                type: "get",
                data: { id: "1" },
                success: function (Dbdata) {
                    //debugger; 如果你要调试的话，就在这里写上debugger执行的时候就会跳到这里来了。然后按F10往下执行

                    //console.log('Dbdata', Dbdata); //在浏览器控制台输出日志
    
                    var str = Dbdata.MyData; //获取key为MyData的这个Json格式的字符串
                    //alert(str); //弹出{"Id":1,"UserName":"周晶","Age":25,"Gender":0}

                    //在数据传输过程中，json是以文本，即字符串的形式传递的，所以从ajax的服务器发过的，一定是字符串。而JS操作的是JSON对象，所以，JSON对象和JSON字符串之间的相互转换是关键
                    //var obj = eval('(' + str + ')'); //将str这个Json格式的字符串转换成Json对象,但不推荐这些方式，这种方式不安全eval会执行json串中的表达式。 
                    var obj = $.parseJSON(str); //jQuery.parseJSON(jsonstr),可以将json字符串转换成json对象 

                    $("#div2").text(obj.UserName);

                }
            })
        })

    })
    
</script>
</html>



SQLHelper 
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Configuration;
using System.Data.SqlClient;
using System.Data;
using System.Reflection;

namespace JSON.Controllers
{
    public class SqlHelper
    {
        /// <summary>
        /// 获取连接数据库字符串
        /// </summary>
        private static string connStr = ConfigurationManager.ConnectionStrings["ConnStr"].ConnectionString;

        /// <summary>
        /// 执行查询，并将查询的结果以DataTable的形式返回
        /// </summary>
        /// <param name="sql">要执行的sql语句</param>
        /// <param name="parameters">sql语句的参数</param>
        /// <returns>返回值是一个DataTable</returns>
        public static DataTable ExecuteDataTable(string sql, params SqlParameter[] parameters)
        {
            using (SqlConnection conn = new SqlConnection(connStr))
            {
                conn.Open();
                //换一种写法，与上面的几种写法稍稍有点不同
                using (SqlCommand cmd = new SqlCommand(sql, conn))
                {
                    cmd.Parameters.AddRange(parameters);
                    DataTable dt = new DataTable();
                    using (SqlDataAdapter adapter = new SqlDataAdapter(cmd))
                    {
                        adapter.Fill(dt);
                        return dt;
                    }

                }
            }
        }

}


1

2

3

4




===============================================第二种写法。直接将字符串赋值给JsonResult对象的Data属性。看图可以对比直接将Json格式的字符串赋值给JsonResult对象的Data属性的与将匿名类对象赋值给JsonResult对象的Data属性的区别。

控制器 
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using System.Configuration;
using System.Data.SqlClient;
using System.Data;
using JSON.Models;

namespace JSON.Controllers
{
    public class HomeController : Controller
    {

        public ActionResult Index()
        {
            return View();
        }

        /// <summary>
        /// 获取年龄
        /// </summary>
        /// <param name="username"></param>
        /// <returns>返回一个字符串</returns>
        public ActionResult GetAge(string username)
        {
            var age = "";
            if (!string.IsNullOrWhiteSpace(username))
            {
                string sql = "select Age from t_user where UserName=@username";
                age = (SqlHelper.ExecuteScalar(sql, new SqlParameter("username", username))).ToString();
            }
            return Content(age); 

        }
        /// <summary>
        /// 获取姓名
        /// </summary>
        /// <param name="id"></param>
        /// <returns>方法放回一个Table表的Json对象</returns>
        public ActionResult GetName(int id)
        {
            string sql = "select * from t_user where id=@id";
            DataTable dt=SqlHelper.ExecuteDataTable(sql,new SqlParameter("id",id));
            string data = DataTableToJson.ToJson(dt); //调用DataTableToJson类的ToJson方法，将dt这个表转换成Json格式的字符串
           

            var res = new JsonResult();
            res.Data = data;//这里直接将data这个字符串赋值给res的Data属性
            res.JsonRequestBehavior = JsonRequestBehavior.AllowGet;
            return res;
        }

    }
}

视图 
<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<!DOCTYPE html>
<html>
<head runat="server">
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <script src="../../Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
</head>
<body>
    <div id="div1" style="color: Red">
    </div>
    <div id="div2" style="color: Blue">
    </div>
    <input type="button" value="获取姓名" id="btnClick" />
</body>
<script type="text/javascript">
    $.ajax({
        url: "/Home/GetAge",
        type: "get",
        //async: true,
        dataType: "json",
        data: { username: "周晶" },
        success: function (ajaxData) {
            $("#div1").text(ajaxData);
        }
    });


</script>
<script type="text/javascript">
    $(function () {
        $("#btnClick").click(function () {
            $.ajax({
                url: "/Home/GetName",
                dataType: "json",
                type: "get",
                data: { id: "1" },
                success: function (Dbdata) {
                    
                    //将Dbdata这个字符串转换成Json对象
                    var obj = $.parseJSON(Dbdata); //jQuery.parseJSON(jsonstr),可以将json字符串转换成json对象 

                    $("#div2").text(obj.UserName);

                }
            })
        })

    })
    
</script>
</html>
图2



无盐海
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
json-lib-2.4 jar 程序文件
01-16
JSON-Lib是Java平台上的一个库，它提供了处理JSON数据的API，使得在Java中生成、解析和操作JSON对象变得简单。本文将详细介绍`json-lib-2.4 jar`程序文件及其在Java开发中的应用。 `json-lib-2.4 jar`是JSON-Lib的...
使用Ajax请求Json
tianxingege_的博客
07-12 2259
第一种方法 //创建请求对象 var request = new XMLHttpRequest(); //配置请求参数，请求方式，请求地址 request.open("get", "..js/aap.json", true); //请求处理函数 request.onreadystatechange = function() { if (request.readyState == 4
Ajax技术详解（二）JSON 详解
长夜漫漫，无心睡眠
05-11 1844
一.JSON 简介 1.介绍 JSON(JavaScript Object Notation) 是一种基于字符串的轻量级的数据交换格式。易于人阅 读和编写，同时也易于机器解析和生成。JSON 是 JavaScript 数据类型的子集。 2.为什么要使用 JSON 在 JSON 未出现之前在 Ajax 中对于数据传递方式，会使用 XML 作为主要数据格式来传输数据。直到 JSON 出现后逐渐放弃使用 XML 作为数据传输格式。JSON 比 XML 更小、更快，更易解析。 二.JSON
ajax 对 Json 格式的解析
P_Doraemon的博客
06-22 590
转自：http://blog.csdn.net/asia_kobe/article/details/50504279Json 的介绍：JSON 可以将 JavaScript 对象中表示的一组数据转换为字符串，然后就可以在函数之间轻松地传递这个字符串，或者在异步应用程序中将字符串从 Web 客户机传递给服务器端程序。 按照最简单的形式，可以用下面这样的 JSON 表示名称/值对：{ “firstNam
ajax 怎么解析json,Ajax中解析Json的两种方法详解
weixin_36368404的博客
08-05 3371
eval(); //此方法不推荐JSON.parse(); //推荐方法一、两种方法的区别我们先初始化一个json格式的对象：var jsonDate ='{ "name":"周星驰","age":23 }'var jsonObj = eval( '(' + jsonDate+ ')' ); //eval();方法varjsonObj = JSON.parse( jsonDate)...
Ajax根据接口信息的关于json格式的解析
Wellfancy的博客
11-18 1252
Ajax根据接口信息的关于json格式的解析，以及获取村民信息的简单案例。
XML的代替者----JSON
10-30
JSON支持嵌套结构，即一个对象或数组可以包含其他对象或数组。这使得JSON能够表示复杂的数据结构。例如： ```json var people = [ { name: "longbill", age: 18 }, { name: "neal", age: 19 }, { name: ...
jRead-就地JSON元素阅读器
04-11
而jRead则直接在原始JSON字符串上操作，避免了内存复制，从而减少了内存开销，这对于内存有限的嵌入式系统或者对性能有严格要求的项目尤其有利。 jRead的核心功能包括： 1. **流式解析**：jRead允许开发者逐个解析...
JSON.rar_JSON_JSON-RPC.jar_jsonRPC.J
09-24
JSON的基本数据类型包括对象（object）、数组（array）、字符串（string）、数字（number）、布尔值（boolean）和null。对象是以键值对形式存在的，而数组则是一系列值的有序集合。 JSON-RPC，全称为JSON Remote ...
JSON-JS-Master.zip
09-16
在JavaScript中，我们可以使用`JSON.parse()`方法将一个JSON字符串转换为JavaScript对象，而`JSON.stringify()`方法则可以将JavaScript对象转换成JSON字符串。例如： ```javascript var jsonString = '{"name":...
Ajax的三种实现及JSON解析
03-24
NULL 博文链接：https://bing-zz.iteye.com/blog/1118728
AJAX异步请求&JSON数据格式
weixin_58545784的博客
07-17 3241
Ajax 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。 通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。 传统的网页（不使用 Ajax）如果需要更新内容，必须重载整个网页页面。 JSON是一种轻量级的数据交换格式。 易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效益。
AJAX与JSON数据交互处理
weixin_53188340的博客
08-21 1624
AJAX
ajax 解析json数据 详细实现过程
weixin_62643012的博客
03-02 324
ajax 解析json数据详细实习过程
ajax获取 解析json格式数据类型,ajax中解析json数据的各种方法(返回类型为json或text)...
weixin_39955825的博客
08-05 896
对于json从servlet中返回给ajax的dataType类型可以是text,json1、在servlet中构造json文本，再response.getWriter()给ajax，返回json text文本servlet中，一面一段写在doPost或doGet中，但要相互调用this.doGet(rq,rs)或this.doGet(rq,rs)用jquery的ajax异步提交，数据必须有一个明...
使用Ajax发起JSONP请求
qq_43808342的博客
12-18 1960
对基于Ajax发起的JSONP请求做了一个简单的总结
AJAX&JSON基本知识（详解！）
最新发布
weixin_57800914的博客
08-24 283
AJAX：ASynchronous JavaScript And XML 异步的JavaScript 和 XML*AJAX是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。*是客户端给服务器端发送消息以及接收响应的工具。*提升用户的体验。
JSON&Ajax
喃灬疯的博客
09-21 429
JSON：JavaScript对象表示法（JavaScript Object Notation）。JSON是轻量级的文本呢数据交换格式JSON并非只服务于某一个语言，而是像java、php、go等都可以使用JSON 提示： JSON的使用 JSON对象和JSON字符串的转换 ：将一个json对象转换为json字符串：将一个json字符串转换为json对象这里的JSON是一个内置对象，不需要创建上面两个方法的使用，都，而是返回一个新的转换后的变量在定义JSON对象的时候，可以使用单引号表示字符串在将原
ajax 加载json对象的实例
满天繁星的专栏
04-11 704
对于json 从servlet中返回给ajax的dataType类型可以是text,json 1、在servlet中构造json文本，再response.getWriter()给ajax，返回json text文本 servlet中，一面一段写在doPost或doGet中，但要相互调用this.doGet(rq,rs)或this.doGet(rq,rs) 用jquery
原生js 的ajax请求的请求头json utf-8写法
05-05
下面是一个使用原生 JavaScript 发送 AJAX 请求并设置请求头为 JSON 和编码为 UTF-8 的示例： ```javascript // 创建 XMLHttpRequest 对象 var xhr = new XMLHttpRequest(); // 设置请求方法和请求地址 xhr.open('POST', '/api/data'); // 设置请求头为 JSON 和编码为 UTF-8 xhr.setRequestHeader('Content-Type', 'application/json;charset=UTF-8'); // 监听请求状态变化事件 xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { console.log(xhr.responseText); } }; // 发送请求 xhr.send(JSON.stringify({name: 'John', age: 30})); ``` 以上代码通过 `setRequestHeader` 方法设置了请求头为 `Content-Type: application/json;charset=UTF-8`，这告诉服务器发送的数据是 JSON 编码，并且使用 UTF-8 编码。在发送请求时，使用 `JSON.stringify` 方法将 JavaScript 对象转换为 JSON 字符串。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值