分享ajax的三种解析模式资源-CSDN文库

133 浏览量 2021-01-21 12:04:27 上传评论收藏 62KB PDF 举报

资源推荐

资源详情

资源评论

分享分享ajax的三种解析模式的三种解析模式

一、一、Ajax中的中的JSON格式格式

html代码：代码：

<html>

<body>

<input type="button" value="Ajax" id="btn">

<script>

var btn = document.getElementById("btn");

btn.onclick = function(){

var xhr = getXhr();

xhr.open("post","10.php");

xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

/*

* 在客户端如何构建JSON格式

* * 构建符合JSON格式的字符串

*/

var user = '{"name":"zhangwuji","pwd":"123456"}';

xhr.send("user="+user);

xhr.onreadystatechange = function(){

if(xhr.readyState==4&&xhr.status==200){

var data = xhr.responseText;

/*

* 使用eval()函数进行转换

* * 使用"()"将其包裹,eval()函数强制将其转换为JSON格式(javascript代码)

* * 不使用"()"将其包裹,eval()函数将其识别为一个空的代码块

*/

var json = eval("("+data+")");

console.log(json);

}

}

}

function getXhr(){

var xhr = null;

if(window.XMLHttpRequest){

xhr = new XMLHttpRequest();

}else{

xhr = new ActiveXObject("Microsoft.XMLHttp");

}

return xhr;

}

</script>

</body>

</html>

PHP代码：代码：

<?php

// 接收客户端发送的请求数据

$user = $_POST['user'];

// 就是一个JSON格式的string字符串

//var_dump($user);

$json_user = json_decode($user,true);

//var_dump($json_user['name']);

$json = '{"a":1,"b":2,"c":3,"d":4,"e":5}';

//var_dump(json_decode($json));

// 响应数据符合JSON格式的字符串

// 1. 手工方式构建

//echo '{"name":"zhouzhiruo","pwd":"123456"}';

// 2. 使用json_encode()函数

echo json_encode($json_user);

?>

二二 Ajax中的中的XML格式格式

html页面：页面：

<html>

<body>

<input type="button" value="Ajax" id="btn">

<script>

var btn = document.getElementById("btn");

btn.onclick = function(){

// 实现Ajax的异步交互

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余2页未读，立即下载

内容反馈

weixin_38706455

粉丝: 5
资源: 920

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip