专栏首页大学生计算机视觉学习DeepLearningAjax中的JSON格式与php传输过程的浅析

Ajax中的JSON格式与php传输过程的浅析

原文作者:aircraft

原文地址:https://www.cnblogs.com/DOMLX/p/7831820.html

在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()函数将其识别为一个空的代码块

 也可以看看数据库与PHP 连接的博客http://www.cnblogs.com/DOMLX/p/8116845.html

大家好我是飞机,是一个想成为全栈工程师的男人。

https://www.cnblogs.com/DOMLX/p/7831820.html

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 手指静脉细化算法过程原理解析 以及python实现细化算法

    徐飞机
  • 手指静脉细化算法过程原理解析 以及python实现细化算法

    徐飞机
  • ICP算法

    ICP(Iterative Closest Point),即迭代最近点算法,是经典的数据配准算法。其特征在于,通过求取源点云和目标点云之间的对应点对,基于对应点...

    徐飞机
  • Python读取JSON数据操作实例解析

    你想读写 JSON(JavaScript Object Notation) 编码格式的数据。

    砸漏
  • 无界零售时代,产品经理怎么“玩”?——首届“产品经理文化节”带你开启逐梦之旅

    京东技术
  • Python JSON大全

    使用 JSON 函数需要导入 json 库:import json。 ...

    Python知识大全
  • Python3 JSON 数据解析

    JSON (JavaScript Object Notation) 是一种轻量级的数据交换格式。它基于ECMAScript的一个子集。

    py3study
  • python第三方库系列之一--json

        1. 序列化(Serialization):将对象的状态信息转换为可以存储或可以通过网络传输的过程,传输的格式可以是JSON、XML等。反序列化就是从存...

    py3study
  • JavaScript学习笔记029-fetch0公共接口调用

    Mr. 柳上原
  • Spring-REST风格的webservice框架

    关键字: Restful风格  webService   spring框架 RPC 

    程序源代码

扫码关注云+社区

领取腾讯云代金券