JavaScript中字符串(string)转json的方法

最新推荐文章于 2025-11-08 11:09:02 发布

原创最新推荐文章于 2025-11-08 11:09:02 发布 · 3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #jquery #前端

JAVAI学习专栏收录该内容

131 篇文章

订阅专栏

文章介绍了两种在JavaScript中将字符串转换为JSON对象的方法：使用eval()函数，但强调了其安全风险，推荐在来源可信时使用；另一种是jQuery的parseJSON()方法，它要求输入严格符合JSON格式。还提到了组合字符串为JSON对象的示例，并提及创建XMLHttpRequest的相关代码。

JavaScript：字符串(string)转换为json

第一种方法：

使用js函数eval();

testJson=eval(testJson);是错误的转换方式。

正确的转换方式需要加(): testJson = eval("(" + testJson + ")");

eval()的速度非常快，但是他可以编译以及执行任何javaScript程序，所以会存在安全问题。在使用eval()。来源必须是值得信赖的。需要使用更安全的json解析器。在服务器不严格的编码在json或者如果不严格验证的输入，就有可能提供无效的json或者载有危险的脚本，在eval()中执行脚本，释放恶意代码。

js代码：

代码如下:

function ConvertToJsonForJs() {
　　//var testJson = "{ name: '小强', age: 16 }";(支持)
　　//var testJson = "{ 'name': '小强', 'age': 16 }";(支持)
　　var testJson = '{ "name": "小强", "age": 16 }';
　　//testJson=eval(testJson);//错误的转换方式
　　testJson = eval("(" + testJson + ")");
　　alert(testJson.name);
　　}

第二种方式使用jquery.parseJSON()方法对json的格式要求比较高，必须符合json格式

jquery.parseJSON()
　　js:代码
　　代码如下:
　　function ConvertToJsonForJq() {
　　var testJson = '{ "name": "小强", "age": 16 }';
　　//不知道
　　//'{ name: "小强", age: 16 }' (name 没有使用双引号包裹)
　　//"{ 'name': "小强", 'age': 16 }"(name使用单引号)
　　testJson = $.parseJSON(testJson);
　　alert(testJson.name);
　　}

很多时候我们需要组装字符串为json对象，首先要组合字符串，然后转换为json对象

例子：

var convertStringToJSON = function(){
    var str="{'ID':12,'Name':'Tom','Age':21}";
    var stu = eval('('+str+')');
    alert(stu.Name);
}

上面代码执行后会弹出“Tom”，说明已经成功转换为json对象了。

创建XMLHTTPRequest：

<script language="javascript" type="text/javascript">
var request;
function createRequest() {
  try {
    request = new XMLHttpRequest();
  } catch (trymicrosoft) {
    try {
      request = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (othermicrosoft) {
      try {
        request = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (failed) {
        request = false;
      }
    }
  }
  if (!request)
    alert("Error initializing XMLHttpRequest!");
}
function getCustomerInfo() {
  createRequest();
  // Do something with the request variable
}
</script>