为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
Ajax全接触_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

Ajax全接触

姜维 Web前端工程师
难度中级
时长 2小时10分
  • 实现ajax
    查看全部
  • CONTENT-TYPE:application/x-www-form-urlencoded含义是表示客户端提交给服务器文本内容的编码方式是URL编码,即除了标准字符外,每字节以双字节16进制前加个“%”表示
    查看全部
  • jQuery实现Ajax
    查看全部
    0 采集 收起 来源:jQuery中的AJAX

    2016-10-27

  • http请求过程
    查看全部
    0 采集 收起 来源:Ajax-HTTP请求

    2016-10-27

  • 兼容IE 5 6
    查看全部
  • 代码(续2): //创建员工 function create(){ //判断信息是否填写完全 if (!isset($_POST["name"]) || empty($_POST["name"]) || !isset($_POST["number"]) || empty($_POST["number"]) || !isset($_POST["sex"]) || empty($_POST["sex"]) || !isset($_POST["job"]) || empty($_POST["job"])) { echo "参数错误,员工信息填写不全"; return; } //TODO: 获取POST表单数据并保存到数据库 //提示保存成功 echo "员工:" . $_POST["name"] . " 信息保存成功!"; } ?>
    查看全部
  • 代码(续1): // 通过员工编号搜索员工 function search(){ //检查是否有员工编号的参数 //isset检测变量是否设置;empty判断值为否为空 //超全局变量 $_GET 和 $_POST 用于收集表单数据 //首先我们检查一下参数里边有没有员工的编号,如果没有员工的编号,我们是没法搜索员工的,所以我们用这种方式来检查一下我们的GET的url参数中有没有number这么一个字段,isset是检查变量是否设置,也就是这个number变量有没有 //empty代表这个变量是否为空,在这里,如果这个变量没有或者为空,我们都显示参数错误:echo "参数错误";也就是说页面直接返回“参数错误”,在浏览器中预览一下,我们没有任何参数的情况下,代表的是一个get请求,当我们没有加number参数的时候。它会直接返回参数错误,当然如果有参数错误,就直接查询了。查询,就把这个number参数 //获取到, if (!isset($_GET["number"]) || empty($_GET["number"])) { echo "参数错误"; return; } //函数之外声明的变量拥有global作用域,只能在函数以为进行访问 //global 关键字用于访问函数内的全局变量 global $staff; //获取number $number=$_GET["number"]; $result="没有找到员工。"; //遍历$staff多维数组,查找key值为number的员工是否存在,如果存在,则修改返回结果 foreach ($staff as $value) { if ($value["number"]==$number) { $result="找到员工:员工编号:".$value["number"].",员工姓名:".$value["name"].",员工性别:".$value["sex"].",员工职位:".$value["job"]; break; } } echo $result; }
    查看全部
  • 代码: <?php // 设置html页面的编码格式是utf-8 header("Content-Type:text/plain;charset=utf-8"); // header("Content-Type:application/json;charset=utf-8"); // header("Content-Type:text/xml;charset=utf-8"); // header("Content-Type:text/html;charset=utf-8"); // header("Content-Type:application/javascript;charset=utf-8"); //定义一个多维数组,包括员工的信息,每条员工信息为一个数组 $arr = array( array("name" => "tom", "number" => "101","sex" => "男","job" => "演员"), array("name" => "jack", "number" => "102","sex" => "男","job" => "经理"), array("name" => "mary", "number" => "103","sex" => "女","job" => "歌手"), ); //判断如果是get请求,则进行搜索;如果是post请求,则进行新建数据 // $_SERVER是一个超全局变量,在一个脚本的全部作用域中都可用,不用使用global关键字 // $_SERVER["REQUEST_METHOD"]返回访问页面使用的请求方法 if($_SERVER["REQUEST_METHOD"] == "GET"){ //请求方法为GET方式,进行搜索 search(); }else if($_SERVER["REQUEST_METHOD"] == "POST"){ //请求方式为post方式,创建数据 create(); }
    查看全部
  • http的响应状态码
    查看全部
    0 采集 收起 来源:Ajax-HTTP请求

    2016-10-26

  • 关于ajax的操作流程
    查看全部
  • XMLHttpRequest对象
    查看全部
  • //创建XHR对象 var request = new XMLHttpRequest(); //兼容处理 var request; if(window.XMLHttpRequest){ 直接创建 }else{ request = new ActiveXobject('Microsoft.XMLHTTP') }
    查看全部
  • 状态码的分类
    查看全部
    0 采集 收起 来源:Ajax-HTTP请求

    2016-10-25

  • Http完整请求过程
    查看全部
    0 采集 收起 来源:Ajax-HTTP请求

    2016-10-25

  • //创建XHR对象 var request = new XMLHttpRequest();
    查看全部

举报

0/150
提交
取消
课程须知
只需要有基础的javascript语法知识,就可以很容易理解本课程哦
老师告诉你能学到什么?
通过本课程的学习,您可以了解到Ajax概念、HTTP请求概念、PHP简单语法、JSON数据格式、Ajax的原生和jQuery实现、跨域等知识,只需要一些时间,看似复杂的知识点,其实都是纸老虎,会被你一捅就破。您不但会了解Ajax的使用,而且会清楚Ajax的原理,并举一反三。
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!