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

 更新时间:2017年11月14日 15:55:06   作者:DOM老徐  
这篇文章主要介绍了Ajax中的JSON格式与php传输过程及注意事项,文中给大家提到了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");这是固定写法直接记下来就可以了。<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传输过程全面解析,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • PHP实现字母数字混合验证码功能

    PHP实现字母数字混合验证码功能

    PHP实现字母数字混合验证码,支持自定义验证码、验证码图片、宽度、高度、个数、背景图片,本文给大家分享实例代码,感兴趣的朋友跟随小编一起看看吧
    2019-07-07
  • 在Laravel5中正确设置文件权限的方法

    在Laravel5中正确设置文件权限的方法

    这篇文章主要给大家介绍了关于如何在Laravel5中正确设置文件权限的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用Laravel5具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-05-05
  • Laravel自动生成UUID,从建表到使用详解

    Laravel自动生成UUID,从建表到使用详解

    今天小编就为大家分享一篇Laravel自动生成UUID,从建表到使用详解,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-10-10
  • PHP中token的生成案例

    PHP中token的生成案例

    这篇文章主要介绍了PHP中token的生成案例,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下
    2021-07-07
  • yii实现级联下拉菜单的方法

    yii实现级联下拉菜单的方法

    这篇文章主要介绍了yii实现级联下拉菜单的方法,需要的朋友可以参考下
    2014-07-07
  • PHP5.4起内置web服务器使用方法

    PHP5.4起内置web服务器使用方法

    这篇文章主要为大家详细介绍了PHP5.4内置web服务器,内置的Web服务器只是提供开发测试使用,不推荐使用中生产环境中,具体内容请阅读下文
    2016-08-08
  • WordPress主题中添加文章列表页页码导航的PHP代码实例

    WordPress主题中添加文章列表页页码导航的PHP代码实例

    这篇文章主要介绍了WordPress主题中添加文章列表页码导航的PHP代码实例,这也是制作各种WordPress主题必备的基础功能,需要的朋友可以参考下
    2015-12-12
  • php处理restful请求的路由类分享

    php处理restful请求的路由类分享

    利用路由表与restful url进行匹配,分发到不同的action处理,最基本的实现,只考虑路由分发功能
    2014-02-02
  • DWZ+ThinkPHP开发时遇到的问题分析

    DWZ+ThinkPHP开发时遇到的问题分析

    这篇文章主要介绍了DWZ+ThinkPHP开发时遇到的问题,结合实例形式分析了DWZ+ThinkPHP在ajax调用中出现错误问题的解决方法,需要的朋友可以参考下
    2016-12-12
  • CodeIgniter表单验证方法实例详解

    CodeIgniter表单验证方法实例详解

    这篇文章主要介绍了CodeIgniter表单验证方法,结合实例形式详细分析了CodeIgniter进行表单验证的具体步骤与相关实现技巧,需要的朋友可以参考下
    2016-03-03

最新评论