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

Ajax全接触

姜维 Web前端工程师
难度中级
时长 2小时10分
  • POST请求可以用工具拦截下来,就是说可以获取用户名密码等信息,怎么拦截呢?
    查看全部
    0 采集 收起 来源:Ajax-HTTP请求

    2015-12-18

  • 典型的HTTP请求截图 请求的方法//get或者post。 请求的url//向谁发出请求。 请求头// 请求体//请求头和请求体之间有个空行,表示头结束,开实体,就像个脖子一样
    查看全部
    0 采集 收起 来源:Ajax-HTTP请求

    2015-12-18

  • 02:07 概念介绍——http请求 一个完整的HTTP请求过程,通常有下面7个步骤: 1.建立TCP连接。 2.WEB浏览器想web服务器发送请求命令。 3.web浏览器发送请求头信息。 4.web服务器应答。 5.web服务器发送应答头信息。 6.web服务器向浏览器发送数据。 7.web服务器关闭TCP连接。 这其中TCP是什么?请求和应答头信息一般都包含什么呢?
    查看全部
    0 采集 收起 来源:Ajax-HTTP请求

    2015-12-18

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

    2018-03-22

  • 概念介绍
    查看全部
  • header
    查看全部
    0 采集 收起 来源:客户端实现

    2015-12-17

  • 发送Ajax请求并处理
    查看全部
    0 采集 收起 来源:客户端实现

    2015-12-17

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

    2015-12-17

  • XMLHttpRequest取得响应<br><br> responseText:获取字符串形式的相应数据<br><br> responseXML:获得XML形式的响应数据<br><br> status和statusText:以数字和文本形式返回HTTP状态码<br><br> getAllResponseHeader():获取所有的响应报头<br><br> getResponseHeader():查询响应中的某个字段的值<br> onreadystatechange监听readystate属性 readyState属性:<br> 0:请求初始化,open还没有调用<br> 1:服务器连接已建立,open已经调用了<br> 2:请求已接收,也就是接收到头信息了<br> 3:请求处理中,也就是接收到响应主体了<br> 4:请求已完成,且响应已就绪,也就是响应完成了
    查看全部
  • XMLHttpRequest发送请求 open(method,url,async)//规定请求的类型、URL 以及是否异步处理请求。 //method:发送请求方法,GET 或 POST,不区分大小写,一般用大写; //url:请求地址,可是相对地址,也可是绝对地址 //async:请求同步(true)/异步(false),一般默认异步 send(string)//将请求发送到服务器。
    查看全部
  • HTTP状态码: 1XX:信息类,表示收到Web浏览器请求,正在进一步的处理中 2XX:成功,表示用户请求呗正确接收,理解和处理。例如:200 OK 3XX:重定向,表示请求没有成功,客户必须采取进一步的动作 4XX:客户端错误,表示客户端提交的请求有错误,例如:404 Not Found,意味着请求中所引用的文档不存在 5XX:服务器错误,表示服务器不能完成对请求的处理。例如500
    查看全部
    0 采集 收起 来源:Ajax-HTTP请求

    2015-12-17

  • get:一般用于获取信息,使用URL传递参数,因此,对所发送信息的数量有限制,一般在2000字符。<br> post:一般用于修改服务器的资源,对发送信息的数量无限制。
    查看全部
    0 采集 收起 来源:Ajax-HTTP请求

    2018-03-22

  • 创建 XMLHttpRequest对象(兼容IE5 IE6) var request = window.XMLHttpRequest?new XMLHttpRequest : new ActiveXObject("Microsoft.XMLHTTP");
    查看全部
  • JSON解析为对象: 1.eval()(会执行函数,不安全) 2.JSON.parse() jsonlint.com 一个好用的json校验网站!
    查看全部

举报

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

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