gpt4 book ai didi

Ajax中的JSON格式与php传输过程全面解析

转载 作者:qq735679552 更新时间:2022-09-28 22:32:09 24 4
gpt4 key购买 nike

CFSDN坚持开源创造价值,我们致力于搭建一个资源共享平台,让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章Ajax中的JSON格式与php传输过程全面解析由作者收集整理,如果你对这篇文章有兴趣,记得点赞哟.

在Ajax中的JSON格式与php传输过程中有哪些要注意的小地方呢?

  先来看一下简单通用的JSON与php传输数据的代码 。

HTML文件:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<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:

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

        xhr.send("user="+user);<br><br>这时候要注意了,在构建JSON字符串传输的时候user里面的字符串外面要用单引,里面用双引,不然php那边是不认为你这是JSON 不能正确的进行解析。<br><br><br>这时候看看PHP文件里的代码:

?
1
2
3
4
5
6
7
8
9
10
<?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格式 。

?
1
2
3
* 使用eval()函数进行转换
          使用 "()" 将其包裹,eval()函数强制将其转换为JSON格式(javascript代码)
          不使用 "()" 将其包裹,eval()函数将其识别为一个空的代码块

总结 。

以上所述是小编给大家介绍的Ajax中的JSON格式与php传输过程全面解析,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我网站的支持! 。

原文链接:http://www.cnblogs.com/DOMLX/p/7831820.html 。

最后此篇关于Ajax中的JSON格式与php传输过程全面解析的文章就讲到这里了,如果你想了解更多关于Ajax中的JSON格式与php传输过程全面解析的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com