PHP Json和ajax的使用

json数据格式:

对象表示为键值对
数据由逗号分隔
花括号保存对象
方括号保存数组
php操作json
json_encode
json_decode
json_encode
json_encode — 对变量进行 JSON 编码
输入的value:待编码的 value ,除了 resource 类型之外,可以为任何数据类型,该函数只能接受 UTF-8 编码的数据。

当前array为索引数组

<?php
$arr = array('a','b','c');
$json = json_encode($arr);
echo $json;
 
输出结果:[“a”,“b”,“c”]

当前array为关联数组

<?php
$arr = array('1001'=>'aa','1002'=>'b','1003'=>'c');
$json = json_encode($arr);
echo $json;
 
输出结果:{“1001” : “aa”,“1002” : “b”,“1003” : “c”}

以上键的值为英文,如果键值是英文又会如何呢?

<?php
$arr = array('name'=>'张三','age'=>'20','sex'=>'男');
$json = json_encode($arr);
echo $json;
 
输出结果:{“name”:"\u5f20\u4e09",“age”:“20”,“sex”:"\u7537"}

显然,姓名没有显示为张三,为了解决这个问题,我们在json_encode函数中引入第二个参数

<?php
$arr = array('name'=>'张三','age'=>'20','sex'=>'男');
$json = json_encode($arr,JSON_UNESCAPED_UNICODE);
echo $json;
 
输出结果:{“name”:“张三”,“age”:“20”,“sex”:“男”}

我们在转过头来看json_encode
json_encode
string json_encode ( mixed $value [, int $options = 0 ] ):返回 value 值的 JSON 形式
options :由以下常量组成的二进制掩码: JSON_HEX_QUOT , JSON_HEX_TAG , JSON_HEX_AMP , JSON_HEX_APOS , JSON_NUMERIC_CHECK , JSON_PRETTY_PRINT , JSON_UNESCAPED_SLASHES , JSON_FORCE_OBJECT , JSON_UNESCAPED_UNICODE .
返回值:编码成功则返回一个以 JSON 形式表示的 string 或者在失败时返回 FALSE 。

当前为二维数组

<?php
$arr[] = array('1001'=>array('name'=>'张三'),'1002'=>'20','sex'=>'1003');
$json = json_encode($arr,JSON_UNESCAPED_UNICODE);
echo $json;
 
输出结果:[{“1001”:{“name”:“张三”},“1002”:“20”,“sex”:“1003”}]

什么是ajax(前段技术)
AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XML)。
简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网页上进行显示。
jquery中ajax

$.get
$.post
$.ajax
jQuery - AJAX get() 和 post() 方法
jQuery get() 和 post() 方法用于通过 HTTP GET 或 POST 请求从服务器请求数据。
HTTP 请求:GET vs. POST
两种在客户端和服务器端进行请求-响应的常用方法是:GET 和 POST。
GET - 从指定的资源请求数据
POST - 向指定的资源提交要处理的数据
GET 基本上用于从服务器获得(取回)数据。注释:GET 方法可能返回缓存数据。
POST 也可用于从服务器获取数据。不过,POST 方法不会缓存数据,并且常用于连同请求一起发送数据。
jQuery $.get() 方法
$.get() 方法通过 HTTP GET 请求从服务器上请求数据。
语法:
$.get(URL,callback);
必需的 URL 参数规定您希望请求的 URL。
可选的 callback 参数是请求成功后所执行的函数名。
实例

$("button").click(function(){
$.get("demo_test.php",function(data,status){
alert("数据: " + data + "\n状态: " + status);
});
});
 
$.get() 的第一个参数是我们希望请求的 URL(“demo_test.php”)。
第二个参数是回调函数。第一个回调参数存有被请求页面的内容,第二个回调参数存有请求的状态。
提示: 这个 PHP 文件 (“demo_test.php”) 类似这样:
demo_test.php 文件代码:

<?php
echo '这是个从PHP文件中读取的数据。';
?>
 
输出结果:
注:我们需要引入jquery文件


JSON和JS对象的转换:

要实现从对象转换为JSON字符串,使用JSON.stringify()方法
要实现从JSON转换为对象,使用JSON.parse()方法
jQuery $.post() 方法
$.post() 方法通过 HTTP POST 请求向服务器提交数据。
语法:
$.post(URL,data,callback)
必需的 URL 参数规定您希望请求的 URL。
可选的 data 参数规定连同请求发送的数据。
可选的 callback 参数是请求成功后所执行的函数名。
实例

$("button").click(function(){
$.post("/try/ajax/demo_test_post.php",
{
name:"菜鸟教程",
url:"http://www.runoob.com"
},
function(data,status){
alert("数据: \n" + data + "\n状态: " + status);
});
});

 
$.post() 的第一个参数是我们希望请求的 URL (“demo_test_post.php”),然后我们连同请求(name 和 url)一起发送数据。
“demo_test_post.php” 中的 PHP 脚本读取这些参数,对它们进行处理,然后返回结果。
第三个参数是回调函数。第一个回调参数存有被请求页面的内容,而第二个参数存有请求的状态。
提示: 这个 PHP 文件 (“demo_test_post.php”) 类似这样:
demo_test_post.php 文件代码:

<?php
$name = isset($_POST['name']) ? htmlspecialchars($_POST['name']) : '';
$url = isset($_POST['url']) ? htmlspecialchars($_POST['url']) : '';
echo '网站名: ' . $name;
echo "\n";
echo 'URL 地址: ' .$url;
?>
 
输出结果:

 

---------------------
作者:weixin_43587078
来源:CSDN
原文:https://blog.csdn.net/weixin_43587078/article/details/84973874
版权声明:本文为博主原创文章,转载请附上博文链接!

posted on 2019-06-10 08:49  mmzz3322  阅读(338)  评论(0编辑  收藏  举报

导航