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正则中的捕获组与非捕获组。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • 详解PHP素材图片上传、下载功能

    详解PHP素材图片上传、下载功能

    这篇文章主要介绍了PHP图片上传下载功能,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • ThinkPHP实现分页功能

    ThinkPHP实现分页功能

    这篇文章主要为大家详细介绍了ThinkPHP实现分页功能的相关代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-04-04
  • 浅谈PHP5.6 与 PHP7.0 区别

    浅谈PHP5.6 与 PHP7.0 区别

    这篇文章主要介绍了浅谈PHP5.6 与 PHP7.0 区别,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-10-10
  • 深入php-fpm的两种进程管理模式详解

    深入php-fpm的两种进程管理模式详解

    本篇文章是对php-fpm的两种进程管理模式进行了详细的分析介绍,需要的朋友参考下
    2013-06-06
  • PHP的curl函数的用法总结

    PHP的curl函数的用法总结

    在本篇文章中小编给大家分享了关于PHP的curl函数的用法总结以及相关知识点内容,需要的读者们学习下。
    2019-02-02
  • Zend Framework实现留言本分页功能(附demo源码下载)

    Zend Framework实现留言本分页功能(附demo源码下载)

    这篇文章主要介绍了Zend Framework实现留言本分页功能,详细分析了Zend Framework实现留言本所涉及的控制器动作,分页样式及模板调用技巧,并附代码demo源码供读者下载参考,需要的朋友可以参考下
    2016-03-03
  • typecho插件编写教程(四):插件挂载

    typecho插件编写教程(四):插件挂载

    这篇文章主要介绍了typecho插件编写教程(四):插件挂载,本文讲解了如何找到插件点并挂载插件的方法,需要的朋友可以参考下
    2015-05-05
  • thinkphp命名空间用法实例详解

    thinkphp命名空间用法实例详解

    这篇文章主要介绍了thinkphp命名空间用法,结合实例形式详细分析了thinkPHP命名空间的功能及具体使用技巧,需要的朋友可以参考下
    2015-12-12
  • destoon实现底部添加你是第几位访问者的方法

    destoon实现底部添加你是第几位访问者的方法

    这篇文章主要介绍了destoon实现底部添加你是第几位访问者的方法,需要的朋友可以参考下
    2014-07-07

最新评论