第13课:Ajax

AJAX是现在用的最多的前后端交互技术,可以实现前后端交互不刷新页面,提升用户体验
前端页面和后端主要用javascript来交互,现在主流的javascript框架为jquery

jquery使用方法很简单
首先引入库文件
举例:
<script src="http://apps.bdimg.com/libs/jquery/2.0.0/jquery.min.js"></script>
当然,大多数情况下是把库文件下载下来引入
然后就可以再<script>标签中使用
AJAX前端jquery基本写法

$.ajax({
    url: 'godeye.php', //ajax要把数据提交到哪里
    type: 'POST',     //数据提交方式 get/post 推荐post
    data:{
	id:id,
	name : name,
    }, //传递的数据内容
    dataType: 'json', //数据格式 一般为json
    timeout: 8000, //请求超时时间
    error: function() {
	alert('提交超时,请重试');
    },
    success: function(data) {
	//成功之后的操作
    }
});

Ajax提交之后,PHP通过$_POST或者$_GET接收传递过来的数据,进行一系列的操作,返回
返回值一般用json_encode()函数,转为json返回给前端

PHP要做两件事情
第一:接收到ajax传递过来的参数之后,要对参数进行验证,比如参数类型,长度,参数转义等等,前端的判断都是不安全的,服务端一定不能信任任何前端传递过来的参数
第二:一般情况下dataType都是json这就需要php在业务处理完成之后返回json字符串,一般用json_encode()函数
例子:echo json_encode(array('code' => '1000', 'info' => 'www.godeye.org'));