如何将json字符串传递给js

JavaScript016

如何将json字符串传递给js,第1张

在数据传输过程中,json是以文本,即字符串的形式传递的,而JS操作的是JSON对象,所以,JSON对象和JSON字符串之间的相互转换是关键。例如:

JSON字符串:

var str1 = '{ "name": "cxh", "sex": "man" }'

JSON对象:

var str2 = { "name": "cxh", "sex": "man" }

一、JSON字符串转换为JSON对象

要使用上面的str1,必须使用下面的方法先转化为JSON对象:

//由JSON字符串转换为JSON对象

var obj = eval('(' + str + ')')

或者

var obj = str.parseJSON()//由JSON字符串转换为JSON对象

或者

var obj = JSON.parse(str)//由JSON字符串转换为JSON对象

然后,就可以这样读取:

Alert(obj.name)

Alert(obj.sex)

特别注意:如果obj本来就是一个JSON对象,那么使用eval()函数转换后(哪怕是多次转换)还是JSON对象,但是使用parseJSON()函数处理后会有问题(抛出语法异常)。

二、可以使用toJSONString()或者全局方法JSON.stringify()将JSON对象转化为JSON字符串。

例如:

var last=obj.toJSONString()//将JSON对象转化为JSON字符

或者

var last=JSON.stringify(obj)//将JSON对象转化为JSON字符

alert(last)

注意:

上 面的几个方法中,除了eval()函数是js自带的之外,其他的几个方法都来自json.js包。新版本的 JSON 修改了 API,将 JSON.stringify() 和 JSON.parse() 两个方法都注入到了 Javascript 的内建对象里面,前者变成了 Object.toJSONString(),而后者变成了 String.parseJSON()。如果提示找不到toJSONString()和parseJSON()方法,则说明您的json包版本太低。

以Ajax方式发送

<script type="text/javascript">

一、获取url所有参数值

function US() {

var name, value

var str = location.href

var num = str.indexOf("?")

str = str.substr(num + 1)

var arr = str.split("&")

for (var i = 0 i < arr.length i++) {

num = arr[i].indexOf("=")

if (num > 0) {

name = arr[i].substring(0, num)

value = arr[i].substr(num + 1)

this[name] = value

}

}

}

二、使用JS 发送JSON格式的POST请求

 var us = new US()

var xhr = new XMLHttpRequest()

xhr.open("POST", "/searchguard/api/v1/auth/login", true)

xhr.setRequestHeader("Content-type", "application/json")

xhr.setRequestHeader("kbn-version", "5.3.0")

xhr.onreadystatechange = function() {

if (xhr.readyState == 4) {

if (xhr.status == 200) {

window.location.href = us.nextUrl

}

}

}

xhr.send(JSON.stringify({

"username" : us.u,

"password" : us.p

}))

</script>