分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

JS和PHP之间以JSON格式传输

发布时间:2023-09-06 01:39责任编辑:赖小花关键词:PHP

Json是一种的轻量级文本数据交换格式。它独立于编程语言,可以用于在不用的编程语言之间进行数据的交互。

下面简单例举二个使用JSON进行数据通信的例子。

第一个例子:

//Javascript以ajax发送数据JSON数据,PHP接收JSON//前端var arr ={ ???"name":"小明", ???"age":16 ???};var json =JSON.stringify(arr);//使用JSON将对象转换成JSON格式数据var xhr = new XMLHttpRequest;xhr.open(‘post‘, ‘./bb.php‘);xhr.setRequestHeader(‘Content-Type‘, ‘application/x-www-form-urlencoded‘);xhr.send("user=" + json);// ?Content-Type设置成application/x-www-form-urlencoded 的情况下,请求主体可以用key1=value1&key2=value2的形式发送数据xhr.onreadystatechange = function() { ????????if(xhr.readyState == 4 && (xhr.status == 200 || xhr.status ==304)) ?//响应完成并且响应码为200或304 ????????alert(xhr.responseText);}------华丽的分割线----------------------------------------------------
//后端<?php ???$info = $_POST["user"]; ?// 这个时候的info是一个字符串 ???$result = json_decode($info); ??// 这个时候的result已经被还原成对象 ???echo $result -> name;

第二个例子:

//PHP发送数据JSON数据 ??Javascript以ajax接收JSON//前端var xhr = new XMLHttpRequest;xhr.open(‘post‘, ‘./bb.php‘);xhr.setRequestHeader(‘Content-Type‘, ‘application/x-www-form-urlencoded‘);xhr.send();xhr.onreadystatechange = function() { ???????if(xhr.readyState == 4 && (xhr.status == 200 || xhr.status ==304)) { //响应完成并且响应码为200或304 ???????var rst = JSON.parse(xhr.responseText); ???????????alert(rst.name); ???????}};
------华丽的分割线----------------------------------------------------
//后端 
$info = array("lession" => "English", "name"=>"Lily");
echo json_encode($info);

补充一个关于JSON的兼容。JSON这个内置对象在IE8之前是不存在的,如果在IE8之前需要使用JSON对象,需要像下述一样引入一个第三方插件json2.js。这样IE7及以下版本就会加载json2.js插件,而其他浏览器或者8及以上版本的IE则不会加载这个插件:

<!--[if lte IE 7]> ??????<script src="./json2.js"></script><![endif]-->

JS和PHP之间以JSON格式传输

原文地址:https://www.cnblogs.com/cryRoom/p/8371207.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved