• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    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==4xhr.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+xml结合Ajax实现点赞功能完整实例
    • php中XMLHttpRequest(Ajax)不能设置自定义的Referer的解决方法
    • ajax调用返回php接口返回json数据的方法(必看篇)
    • php基于jquery的ajax技术传递json数据简单实例
    • ajax处理php返回json数据的实例代码
    • PHP 与 js的通信(via ajax,json)
    • php+ajax+json 详解及实例代码
    • jQuery通过ajax请求php遍历json数组到table中的代码(推荐)
    • PHP Ajax JavaScript Json获取天气信息实现代码
    • PHP封装返回Ajax字符串和JSON数组的方法
    • php+Ajax处理xml与json格式数据的方法示例
    上一篇:PHP基于imagick扩展实现合成图片的两种方法【附imagick扩展下载】
    下一篇:Laravel下生成验证码的类
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

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