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

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

转载作者：qq735679552 更新时间：2022-09-28 22:32:09

24

4

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

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

在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");这是固定写法直接记下来就可以了。 上面的是测试代码，创建一个json格式的字符串并用SEND方法传入PHP:

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

xhr.send("user="+user); 这时候要注意了，在构建JSON字符串传输的时候user里面的字符串外面要用单引，里面用双引，不然php那边是不认为你这是JSON 不能正确的进行解析。 这时候看看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所以接收到的只是一个文本格式的字符串 这时候我们还要用eval()；函数将其转换成JSON格式。

 
    ? 
   
         * 使用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

文章推荐： Laravel下生成验证码的类

文章推荐： Python使用Pyqt5实现简易浏览器(最新版本测试过)

文章推荐： Python3 常用数据标准化方法详解

文章推荐： Python使用Selenium自动进行百度搜索的实现

MySQL 数据库定时备份的几种方式(全面)
一. mysqldump命令备份数据在MySQL中提供了命令行导出数据库数据以及文件的一种方便的工具mysqldump,我们可以通过命令行直接实现数据库内容的导出dump,首先我们简单了解一下m
Java的Synchronized关键字学习指南(全面 & 详细)
前言在Java中，有一个常被忽略但非常重要的关键字Synchronized今天，我将详细讲解 Java关键字Synchronized的所有知识，希望你们会喜欢目录 1. 定义 J
c# - VB.NET和C#的语法比较系统、全面、完整
我是一名经验丰富的 VB.NET 开发人员，想从 C# 入手。我正在搜索两种语言语法之间基于网络的比较作为快速引用。我发现自己在安排 VB.NET 语法模板，例如... Public MustInh

首页

博学

6Ren·AI

商城

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