JavaScript中字符串(string)轉(zhuǎn)json的方法

2022-05-17 14:30 更新

JavaScript:字符串(string)轉(zhuǎn)換為json

第一種方法:

使用js函數(shù)eval();

testJson=eval(testJson);是錯(cuò)誤的轉(zhuǎn)換方式。

正確的轉(zhuǎn)換方式需要加(): testJson = eval("(" + testJson + ")");

eval()的速度非常快,但是他可以編譯以及執(zhí)行任何javaScript程序,所以會(huì)存在安全問(wèn)題。在使用eval()。來(lái)源必須是值得信賴的。需要使用更安全的json解析器。在服務(wù)器不嚴(yán)格的編碼在json或者如果不嚴(yán)格驗(yàn)證的輸入,就有可能提供無(wú)效的json或者載有危險(xiǎn)的腳本,在eval()中執(zhí)行腳本,釋放惡意代碼。

js代碼:

代碼如下:

function ConvertToJsonForJs() {
  //var testJson = "{ name: '小強(qiáng)', age: 16 }";(支持)
  //var testJson = "{ 'name': '小強(qiáng)', 'age': 16 }";(支持)
  var testJson = '{ "name": "小強(qiáng)", "age": 16 }';
  //testJson=eval(testJson);//錯(cuò)誤的轉(zhuǎn)換方式
  testJson = eval("(" + testJson + ")");
  alert(testJson.name);
  }

第二種方式使用jquery.parseJSON()方法對(duì)json的格式要求比較高,必須符合json格式

jquery.parseJSON()
  js:代碼
  代碼如下:
  function ConvertToJsonForJq() {
  var testJson = '{ "name": "小強(qiáng)", "age": 16 }';
  //不知道
  //'{ name: "小強(qiáng)", age: 16 }' (name 沒(méi)有使用雙引號(hào)包裹)
  //"{ 'name': "小強(qiáng)", 'age': 16 }"(name使用單引號(hào))
  testJson = $.parseJSON(testJson);
  alert(testJson.name);
  }

很多時(shí)候我們需要組裝字符串為json對(duì)象,首先要組合字符串,然后轉(zhuǎn)換為json對(duì)象

例子:

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

上面代碼執(zhí)行后會(huì)彈出“Tom”,說(shuō)明已經(jīng)成功轉(zhuǎn)換為json對(duì)象了。 

創(chuàng)建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>
以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)