AJAX请求数据_demo教程.doc

AJAX请求数据_demo 本篇列举三个demo: 1、用ajax请求json格式数据(JavaScript) 2、用ajax请求json格式数据(jQuery) 3、用jsonp请求json格式数据(Jquery) 页面只有实现两个功能（用get请求-获取数据 用post请求-设置修改数据）三个demo页面布局如下： h1员工查询/h1 label请输入员工编号：/label input type=text id=keyword / button id=search查询/button p id=searchResult/p h1员工新建/h1 label请输入员工姓名：/label input type=text id=staffName /br label请输入员工编号：/label input type=text id=staffNumber /br label请选择员工性别：/label select id=staffSex option女/option option男/option /selectbr label请输入员工职位：/label input type=text id=staffJob /br button id=save保存/button p id=createResult/p 其中demo1和demo2请求的一个php数据，PHP文件如下: serverjson.php: ?php //设置页面内容是html编码格式是utf-8 // header(Content-Type: text/plain;charset=utf-8);//纯文本格式 header(Content-Type: application/json;charset=utf-8);//json字符串 //header(Content-Type: text/xml;charset=utf-8); //header(Content-Type: text/html;charset=utf-8); //header(Content-Type: application/javascript;charset=utf-8); //定义一个多维数组，包含员工的信息，每条员工信息为一个数组 $staff = array ( array(name = 洪七, number = 101, sex = 男, job = 总经理), array(name = 郭靖, number = 102, sex = 男, job = 开发工程师), array(name = 黄蓉, number = 103, sex = 女, job = 产品经理) ); //判断如果是get请求，则进行搜索；如果是POST请求，则进行新建 //$_SERVER是一个超全局变量，在一个脚本的全部作用域中都可用，不用使用global关键字 //$_SERVER[REQUEST_METHOD]返回访问页面使用的请求方法 if ($_SERVER[REQUEST_METHOD] == GET) { search(); } elseif ($_SERVER[REQUEST_METHOD] == POST){ create(); } //通过员工编号搜索员工 function search(){ //检查是否有员工编号的参数 // isset检测变量是否设置；empty判断值为否为空 //超全局变量 $_GET 和 $_POST 用于收集表单数据 if (!isset($_GET[number]) || empty($_GET[number])) { echo {success:false,msg:参数错误}; return; } //函数之外声明的变量拥有 Global 作用域，只能在函数以外进行访问。 //global 关键词用于访问函数内的全局变量 global $staff; //获取number参数 $number = $_GET[number]; $result = {success:false,msg:没有找到员工。}; //遍历$staff多维数组，查找key值为number的员工是否存在，如果存在，则修改返回结果 foreach ($staff as $value) { if ($value[number] == $number) { $result = {success:true,msg:员工编号： . $v