JSON JavaScript中,解析JSON字符串

最新推荐文章于 2024-05-22 16:27:43 发布
最新推荐文章于 2024-05-22 16:27:43 发布
阅读量278 收藏
点赞数
分类专栏： JSON JavaScript Ajax PHP 文章标签： json javascript php ajax
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/houyanhua1/article/details/79193132
版权
JavaScript 同时被 3 个专栏收录
140 篇文章 4 订阅
订阅专栏
PHP
130 篇文章 0 订阅
订阅专栏
Ajax
23 篇文章 0 订阅
订阅专栏 



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <title>新建网页</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="description" content="" />
        <meta name="keywords" content="" />

        <script type="text/javascript">
        function f1(){
            //通过ajax请求json信息回来
            var xhr = new XMLHttpRequest();
            xhr.onreadystatechange = function(){
                if(xhr.readyState==4){
                    //alert(typeof xhr.responseText); //string json信息是字符串形式回来的
                    eval("var jn_info="+xhr.responseText);  //eval()将字符串当成代码来执行。
                    console.log(jn_info.city);
                    console.log(jn_info.temp);
                    console.log(jn_info.wind);
                }
            }
            xhr.open('get','./04.php');
            xhr.send(null);
        }

		/*
        //字符串形式回来的json信息变为对象object（将字符串两端的引号去掉）
        var dog = "{name:'wangcai',weight:50}";  //去掉两端的引号
        //字符串当做表达式运行eval()
        eval("var wolf="+dog);  //"var wolf={name:'wangcai',weight:50}"
        alert(wolf);//object Object
		*/

        </script>
    </head>
    <body>
        <h2>静态网站页面通过javascript实现json接收和处理</h2>
        <input type="button" value="触发" οnclick="f1()" />
    </body>
</html>

04.php（服务器端(返回JSON信息)）:

<?php

$weather = array('city'=>'beijing','temp'=>'15','wind'=>'south');
echo json_encode($weather);


houyanhua1
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Ajax基础，xhr和JSON格式
weixin_46273011的博客
04-07 2930
Ajax请求的步骤 1，实例化，2，对请求进行监听，3，准备请求，4，发送请求。 请求的返回，是请求监听处的代码返回的。 <!-- 没有ajax，科研同XMLHttpRequest构造函数实例化来创建 --> <script> //要连接的后端地址 const url = 'https://www.imooc.com/api/http/search/suggest?words=js'; // Ajax的使用步骤
json字符串解析JSONObject、JSONArray
wisdomdrago的博客
07-15 1267
JSONObject:必须是 “{ ”开头  /    JSONArray:必须是 “[ ”开头以{}开头使用JSONObject.fromObject(“json数据”)，将json数据转为java对象、以[ ]开头使用JSONArray.fromObject(“json数据”)，将json数据转为java数组1 、String str = "{\"id\":\"1234\",\"name\":...
js使用xhr发送原生ajax请求 | 服务端配置允许跨域
の博客
05-25 367
【代码】js使用xhr发送原生ajax请求。
原生ajax响应json数据
sharesb的博客
04-16 1043
JSON.stringify(data) 将data 转换为json格式 如果data 是 数组格式 则转换之后为[1,12,3] 如果data是 一个类 则转换之后为 {"name":"hxyt"} app.all('/json-server',(request,response)=>{ response.setHeader('Access-Control-Allow-Origin','*'); // 接受所有请求的头信息 response.setH...
js解析JSON字符串的三种方式
最新发布
Keep_Slience的博客
05-22 374
JS解析JSON
2020.08.03学习内容：JSON&XHR
weixin_49841351的博客
08-04 165
JSON.stringify() ：将js对象序列化为一个JSON字符串。 接受三个参数，第一个参数将要序列化成一个JSON 字符串的值（一般为待序列化的js对象）；第二个参数可以是数组也可以是函数： 1⃣数组：返回的字符串中只会包含数组中包含的字符(键)与值 2⃣函数：函数接受两个参数，属性名和属性值，每个键下返回的值就作为该键的值。 第三个参数：指定缩进用的空白字符串，如果是数字，则代表有多少个空格（最大为10，小于1则表示没有空格）；如果为字符串，则将该字符串当作空格（字符串长度超过10时取前10个字
封装JSONP方法
qq_48701993的博客
03-19 1011
Jsonp 是解决同源限制问题，也就是说可以跨域访问不同服务器上的内容，它不属于Ajax请求，但是它可以模拟Ajax请求。 Jsonp的原理与实现： 1、首先是利用script标签的src属性来实现跨域。 2、通过将前端方法作为参数传递到服务器端，然后由服务器端注入参数之后再返回，实现服务器端向客户端通信。 3、由于使用script标签的src属性，因此只支持get方法 ...
使用FastJSON生成JSON字符串
雪落无痕的博客
09-12 2086
使用FastJSON生成JSON字符串FastJSON简介使用FastJSON API JSON数据格式被广泛运用于客户端与服务器之间的数据传递过程，在使用Ajax技术对新闻发布系统部分功能进行改造时，也使用了JSON格式的响应，方便了复杂格式数据的传递和解析。但在实现过程中，服务器端需要按照JSON的语法对数据进行拼接，这是一个烦琐且易出错的过程，出现语法错误亦不好排查，所以接下来我们将FastJSON工具来简化这一工作。 FastJSON简介 FastJSON是一个性能很好的，有Java语言实现的JSO
javascript中eval解析JSON字符串
10-22
主要介绍了javascript中eval解析JSON字符串时遇到的一个问题，简单的说eval就相当于一个js解析器，很牛哦
VBScript把json字符串解析成json对象的2个方法
09-04
将JSON字符串转换为JavaScript变量，然后调用`AddCode`方法将其添加到ScriptControl中。 4. **获取JSON对象**： 通过调用`CodeObject`属性，我们可以访问JavaScript环境中的JSON对象。 5. **操作JSON对象**： ...
java中解析json字符串
01-07
本文将深入探讨如何在Java中解析JSON字符串，以满足后端处理前端传递的数据需求。 首先，理解JSON的基本结构至关重要。JSON格式通常包含键值对，可以是对象（用花括号 `{}` 包裹）或数组（用方括号 `[]` 包裹）。...
js json字符串转对象
10-10
反之，`JSON.parse()` 用于将JSON字符串转换回JavaScript对象，使得数据可以在JavaScript环境中使用。这就是所谓的反序列化。例如，我们已有如题所示的JSON字符串`jsonString`，可以使用以下代码将其转换为对象： ...
JavaScript解析json字符串
gaohuanjie的专栏
03-02 2368
JavaScript解析json字符串
javascript解析json字符串，各种格式分析
xcLeigh
05-13 7393
javascript解析json字符串，各种格式分析JSON.parse() 方法用于将一个 JSON 字符串转换为对象JSON.stringify() 方法是将一个JavaScript值(对象或者数组)转换为一个 JSON字符串Unexpected token o in JSON at position 1 JSON.parse() 方法用于将一个 JSON 字符串转换为对象 var str = '{"name":"xcSharp","age":"18"}' JSON.parse(str); //结果为一
Java、JS解析JSON对象、JSON数组
jike11231的博客
05-20 8148
一：利用alibaba.fastjson解析JSONObject、JSONArray package com.test1; import com.alibaba.fastjson.JSON; import com.alibaba.fastjson.JSONArray; import com.alibaba.fastjson.JSONObject; public class TestJsonArray { public static void main(String[] args) { // json
js解析json字符串数组
weixin_34358092的博客
04-06 238
json解析字符串数据例如如下:var array=[ {},{},{[{},{},{},]}]解析json数组一般是$.each(array,function(i,value){//里面有三个参数 this指向当前元素， ...
js用什么解析json数据最方便,javascript如何解析json
chatgpt002的博客
12-07 251
JavaScriptJavaScript是一种基于对象和事件驱动的 , 并具有安全性能的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。Java 语言诞生主要是完成页面的数据验证python for语句用法。因此它运行在客户端，需要运行浏览器来解析执行 JavaScript 代码。格式var 变量名;var 变量名 = 值;案例var i;i = 12;// typeof()是JavaScript语言提供的一个函数。
ajax返回json时，js获取类型，是字符串类型
07-03 344
　　ajax向php服务端请求，并返回json串给前端。 　　js发现得到的返回值的类型是字符串，不能直接取json对象属性，需要JSON.parse()。 　　怎么解决呢？ 　　这需要在php返回json时，加上一个header()，告知js，我这个返回的是Content-Type是json。这样js获取的就是json对象类型了。　　 header('Content-Typ...
JavaScript转换与解析JSON方法实例详解
04-16 1765
用JQuery解析JSON数据的方法，作为JQuery异步请求的传输对象，JQuery请求后返回的结果是json对象，这里考虑的都是服务器返回JSON形式的字符串的形式，对于利用JSONObject等插件封装的JSON对象，与此亦是大同小异，这里不再做说明。对于服务器返回的JSON字符串，如果jquery异步请求没做类型说明，或者以字符串方式接受，那么需要做一次对象化处理，方式不是太麻烦，就是将该字符串放于eval()中执行一次。使用eval函数来解析，jquery的each方法来遍历。
javascript解析json字符串
06-28
### 回答1： JavaScript可以使用内置的JSON对象来解析JSON字符串。JSON对象有两个方法：JSON.parse()和JSON.stringify()。JSON.parse()方法将JSON字符串转换为JavaScript对象，而JSON.stringify()方法将JavaScript对象转换为JSON字符串。例如： var jsonStr = '{"name":"John","age":30,"city":"New York"}'; var jsonObj = JSON.parse(jsonStr); console.log(jsonObj.name); //输出John 在这个例子中，我们首先定义了一个JSON字符串，然后使用JSON.parse()方法将其转换为JavaScript对象。最后，我们访问了对象的name属性并将其输出到控制台。 需要注意的是，JSON字符串必须符合JSON格式，否则解析会失败。例如，如果JSON字符串中有未加引号的属性名或单引号而不是双引号，解析将失败。 ### 回答2： JSON全称是JavaScript Object Notation，是一种轻巧的数据交换格式。JSON中的数据结构类似于JavaScript对象，因此JavaScript可以方便地解析JSON字符串。 在JavaScript中，可以使用eval()函数来解析JSON字符串。eval()函数将一个字符串当作JavaScript代码执行并返回结果。因此，我们可以使用eval()函数将JSON字符串转换为JavaScript对象，从而完成解析。 但是eval()函数存在一些安全问题，因为它会执行输入的任何JavaScript代码。如果JSON字符串来自不受信任的来源，那么可能包含恶意代码，会导致安全漏洞。因此，eval()函数不是解析JSON字符串的最佳方法。 现代浏览器提供了JSON.parse()方法来解析JSON字符串。JSON.parse()可以将JSON字符串转换为JavaScript对象，而且对于不合法的JSON格式会抛出异常以及其他一些问题，例如，JSON字符串内部的单引号、指数表示法和特定值（如undefined）可能无法在JSON中表示，需要进行特殊处理。 JSON.parse(str, reviver)函数可以接收一个reviver参数，可以用来转换解析出来的结果。reviver是一个函数，它接收两个参数，一个是属性名，另一个是属性值。当JSON.parse()解析出属性值后，就会调用reviver函数，这样就可以在这个函数内部对这个属性进行处理。 在代码中，如果我们有一个JSON字符串，我们可以使用JSON.parse()来解析它。例如： var jsonString = '{"name": "John", "age": 30, "city": "New York"}'; var jsonObj = JSON.parse(jsonString); console.log(jsonObj.name); // 输出 "John" 解析后的jsonObj就是一个JavaScript对象，我们可以直接访问其中的属性。 总结来说，JavaScript可以使用eval()函数或JSON.parse()方法来解析JSON字符串，但是安全考虑应该优先选择使用JSON.parse()方法。JSON.parse()方法还可以使用reviver参数来对解析出的结果进行转换和处理。 ### 回答3： 在JavaScript中，解析JSON字符串是常见的操作。JSON是JavaScript对象表示法的缩写，它是一种轻量级的数据交换格式。它提供了一种简单的方式来描述复杂的数据结构，包括数组和对象。 JavaScript内置了一个解析JSON字符串的函数`JSON.parse()`。此函数可以将JSON字符串转换为JavaScript对象，使开发者能够轻松地操作这些数据。 例如，如果我们有以下JSON字符串： ```javascript var jsonString = '{"name": "Tom", "age": 21, "gender": "male"}'; ``` 我们可以使用`JSON.parse()`来将其解析成一个对象： ```javascript var json = JSON.parse(jsonString); console.log(json.name); //输出 "Tom" console.log(json.age); //输出 21 console.log(json.gender); //输出 "male" ``` 除了从字符串解析JSON外，我们还可以使用`JSON.stringify()`函数将JavaScript对象转换为JSON字符串。例如，如果我们有以下JavaScript对象： ```javascript var obj = { name: "Tom", age: 21, gender: "male" }; ``` 我们可以使用`JSON.stringify()`将其转换为JSON字符串： ```javascript var jsonString = JSON.stringify(obj); console.log(jsonString); //输出 '{"name":"Tom","age":21,"gender":"male"}' ``` 在处理JSON字符串时，我们需要注意一些安全问题。首先，我们应该始终验证输入的JSON字符串是否有效。这可以通过尝试解析JSON字符串并检查是否发生了解析错误来实现。另外，我们还应该注意JSON字符串中的潜在安全漏洞，如JSON注入攻击。在通过用户输入的JSON字符串进行操作时，我们需要确保输入不包含恶意代码或攻击脚本。 总之，在JavaScript中解析JSON字符串是非常重要的，它使得我们能够使用和交换复杂的数据结构。通过`JSON.parse()`和`JSON.stringify()`函数，我们可以轻松地将JSON数据转换为JavaScript对象或字符串，并进行操作和传输。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值