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

Ajax全接触

姜维 Web前端工程师
难度中级
时长 2小时10分
  • JSON语法规则 { "employees": [ { "firstName":"Bill" , "lastName":"Gates" }, { "firstName":"George" , "lastName":"Bush" }, { "firstName":"Thomas" , "lastName":"Carter" } ] } 这个 employee 对象是包含 3 个员工记录(对象)的数组。
    查看全部
    0 采集 收起 来源:json基本概念

    2018-03-22

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

    2015-11-14

  • 核心是:创建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){ 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");
    查看全部
    5 采集 收起 来源:客户端实现

    2018-03-22

  • HTTP状态码
    查看全部
    0 采集 收起 来源:Ajax-HTTP请求

    2015-11-14

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

    2015-11-14

  • GET与POST
    查看全部
    0 采集 收起 来源:Ajax-HTTP请求

    2015-11-14

  • HTTP请求的四部分
    查看全部
    0 采集 收起 来源:Ajax-HTTP请求

    2015-11-14

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

    2015-11-14

  • fiddler工具,可看网站中的“ Fiddler工具使用" (http://www.imooc.com/learn/37)课程,后台测试接口工具 Content-Type:application/x-www-form-urlencoded 的正确设置。。 fiddler可用于调试服务器代码(无需客户端代码)。 Fiddler是一个http协议调试代理工具,它能够记录并检查所有你的电脑和互联网之间的http通讯,设置断点,查看所有的“进出”Fiddler的数据(指cookie,html,js,css等文件,这些都可以让你胡乱修改的意思)。 Fiddler 要比其他的网络调试器要更加简单,因为它不仅仅暴露http通讯还提供了一个用户友好的格式。
    查看全部
  • XAMPP(Apache+MySQL+PHP+PERL)是一个功能强大的建 XAMPP 软件站集成软件包。这个软件包原来的名字是 LAMPP,但是为了避免误解,最新的几个版本就改名为 XAMPP 了。它可以在Windows、Linux、Solaris、Mac OS X 等多种操作系统下安装使用,支持多语言:英文、简体中文、繁体中文、韩文、俄文、日文等。 https://www.apachefriends.org/download.html
    查看全部
    0 采集 收起 来源:Ajax-例子简介

    2015-11-14

  • PHP
    查看全部
    0 采集 收起 来源:Ajax-例子简介

    2015-11-14

  • Ajax事件监听
    查看全部
  • readyState属性
    查看全部
  • 取得响应
    查看全部
  • XHR请求实例 open(method,url,async) method:发送方式,GET/POST url:发送地址 asyne:同步或异步,同步为false,默认为异步,可以不填写 send(string):将请求发送到服务器 使用GET时,发送参数都在url中,可以不填写string。 使用POST时需填写参数 request.setRequestHeader("Content-type","application/x-www-form-urlencoded ")//设置HTTP头信息--一定要写在open()和send()之间
    查看全部

举报

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

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