在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传输过程全面解析,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对硕编程网站的支持!
【说明】:本文章由站长整理发布,文章内容不代表本站观点,如文中有侵权行为,请与本站客服联系(QQ:254677821)!