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

Ajax全接触

姜维 Web前端工程师
难度中级
时长 2小时10分
  • JSON:JavaScript对象表示法,全称:JavaScript Object Notation 1、JSON是存储和交换文本信息的语法,类似XML。它采用键值对的方式来组织数据,易于人们阅读和编写,同时也易于机器解析和生成 2、JSON是独立于语言的,任何语言都可以按照json的规则来解析 JSON与XML比较: 1、json的长度比xml短小 2、json的读写速度更快 3、json可以使用JavaScript内置的方法直接进行解析并转换成JavaScript对象,很方便 JSON语法规则: 1、json数据的格式是:"名称":值形式的键值对,名称需要在双引号中,中间以冒号":"隔开; 2、json的值可以是以下类型: 数字(整数和浮点数) 字符串(在双引号中) 逻辑值(true或false) 数组(在方括号中[]) 对象(在花括号中{}) null
    查看全部
    2 采集 收起 来源:json基本概念

    2018-03-22

  • 使用Ajax发送POST请求 注意: post请求需要在open()方法和send()方法之间设置 request.setRequestHeader("Content-Type","application/x-www-form-urlencode"); 没设置或者设置不对会提示参数错误
    查看全部
    0 采集 收起 来源:客户端实现

    2018-03-22

  • 客户端实现 核心是:创建XHR对象--并发送异步请求--接着监听服务器的响应结果并呈现在页面上 <script> document,getElementById("search").onclick = function(){ //发送Ajax查询请求并处理 var request = new XMLHttpRequest(); request.open("GET","service.php?number="+document.getElementById("keyword").value); request.send(); //监听事件 request.onreadystatechange = function(){ if(request.readyState===4 && request.status===200){ //4表示数据解析完毕 document.getElementById("searchResult").innerHTML=request.responseText; }else{ alert("发生错误:"+request.status); } } 下面的POST请求方式,则: request.open("POST","service.php"); //需将post请求提交的数据拼成URL参数 var data="name="+document.getElementById("staffName").value+"number"+document.getElementById("staffNumber").value+"sex="+document.getElemntById("staffSex").value+"job="+document.getElemntById("staffJob").value; request.setRequestHeader("Content-Type","application/x-www-form-urlencoded");//很重要 request.send(data); ```` } } </script> 切记不要忘了在open和send之间设置 request.setRequestHeader("Content-Type","application/x-www-form-urlencode");
    查看全部
    0 采集 收起 来源:客户端实现

    2018-03-22

  • PHP是一种开源、免费的创建动态交互性站点的服务端脚本语言。 开发实例:WordPress、Facebook。 作用如下: 1、能生成动态页面内容, 2、创建、打开、读取、写入、删除以及关闭服务器上的文件, 3、接收表单数据, 4、发送并取回cookies, 5、添加,删除,修改数据库中的数据, 6、限制用户访问网站中的某些页面,解密、加密等等。 PS:PHP兼容几乎所有WEB服务器和数据库 运行PHP: XAMPP(Apache+MySQL+PHP+PERL)是一个功能强大的建 XAMPP 软件站集成软件包。这个软件包原来的名字是 LAMPP,最新的几个版本就改名为 XAMPP 了。 它可以在Windows、Linux、Solaris、Mac OS X 等多种操作系统下安装使用,支持多语言:英文、简体中文、繁体中文、韩文、俄文、日文等。 https://www.apachefriends.org/download.html 在Dreamweaver中配置web服务器用于本地测试
    查看全部
    0 采集 收起 来源:Ajax-例子简介

    2016-10-14

  • JSON解析的两种方式
    查看全部
  • JSON字符串
    查看全部
    0 采集 收起 来源:json基本概念

    2016-10-14

  • JSON语法规则
    查看全部
    0 采集 收起 来源:json基本概念

    2016-10-14

  • JSON与XML比较
    查看全部
    0 采集 收起 来源:json基本概念

    2016-10-14

  • JSON基本概念
    查看全部
    0 采集 收起 来源:json基本概念

    2016-10-14

  • readyState属性代码实现
    查看全部
  • readyState属性
    查看全部
  • 响应方法
    查看全部
  • XHR发送请求的两个方法 -open(methob,url,async)方法 methob请求方法get或者post,不区分大小写,一般大写。 url请求的地址。 async表示同步或异步--默认为异步true -send(string)把请求发送到服务器,(如果使用get发送请求,该参数可不填或null,若使用post发送请求,则需要填写)。
    查看全部
  • HTTP状态码
    查看全部
    0 采集 收起 来源:Ajax-HTTP请求

    2016-10-14

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

    2016-10-14

举报

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

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