时间:2021-05-28
在Ajax中的JSON格式与php传输过程中有哪些要注意的小地方呢?
先来看一下简单通用的JSON与php传输数据的代码
HTML文件:
<input type="button" value="Ajax" id="btn"> <script> var btn = document.getElementById("btn"); btn.onclick = function(){ var xhr = getXhr(); xhr.open("post","测试.php"); xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); var user = '{"name":"zhangwuji","pwd":"123456"}'; xhr.send("user="+user); xhr.onreadystatechange = function(){ if(xhr.readyState==4&&xhr.status==200){ var data = xhr.responseText; 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>在整个过程中先要获得AJAX对象,然后用POST请求方式与PHP文件连接,这时候用的是POST方法请求数据,所以这时候还要加上一个请求文件头
xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");这是固定写法直接记下来就可以了。<br><br>上面的是测试代码,创建一个json格式的字符串并用SEND方法传入PHP:
var user = '{"name":"zhangwuji","pwd":"123456"}';xhr.send("user="+user);<br><br>这时候要注意了,在构建JSON字符串传输的时候user里面的字符串外面要用单引,里面用双引,不然php那边是不认为你这是JSON 不能正确的进行解析。<br><br><br>这时候看看PHP文件里的代码:
<?php // 接收客户端发送的请求数据 $user = $_POST['user']; // 就是一个JSON格式的string字符串 $json_user = json_decode($user,true);//对json格式的字符串进行解码,转换成PHP变量格式 // 2. 使用json_encode()函数 echo json_encode($json_user);//对php变量格式进行编码,转换成JSON格式?>json_decode 和json_encode大家从字面的意思都应该可以看出来一点,decode在这这里的作用就是
对json格式的字符串进行解码,转换成PHP变量格式
而encode就是
对php变量格式进行编码,转换成JSON格式在传输回去;
这时候PHP 文件的工作已经结束了,让我们在回到HTML文件看接受数据的onreadystatechange这一块的代码
:
var data = xhr.responseText; 虽然PHP文件传输回来的是一个JSON格式,但是我们这里接受用的是respenseText所以接收到的只是一个文本格式的字符串<br>这时候我们还要用eval();函数将其转换成JSON格式
* 使用eval()函数进行转换 使用"()"将其包裹,eval()函数强制将其转换为JSON格式(javascript代码) 不使用"()"将其包裹,eval()函数将其识别为一个空的代码块总结
以上所述是小编给大家介绍的Ajax中的JSON格式与php传输过程全面解析,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
整理在php后端与前端数据传输过程中一些细节。前端页面1.html的js代码:$.ajax({url:'1.php',//目的php文件data:{‘age':
概述现在JSON格式在web开发中越来越受重视,特别是在使用ajax开发项目的过程中,经常需要将json格式的字符串返回到前端,前端解析成JS对象(JSON)。
通过AJAX异步减少网络内容传输,而JSON则可以把传输内容缩减到纯数据;然后利用jQuery内置的AJAX功能直接获得JSON格式的数据;在客户端直接绑定到数
在网页设计的过程中,需要用到不同的图像格式,其中包括GIF、PNG、JPEG等格式,这些格式能够有效的满足网路传输过程中对图像格式的需求。首先,在网页设计的过程
ajax发送请求到controller,controller响应一个json格式的数据给页面,JSON.parse()再解析json字符串,用$.each遍历。