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

Ajax全接触

姜维 Web前端工程师
难度中级
时长 2小时10分
  • JSON内容在js解析的方法. 有两种方式,效果一样. 1.eval() 2.JSON.parse() 在代码中使用eval()方法是很危险的,特别是用它执行第三方的JSON数据,可能会包含恶意代码,所以仅可能使用JSON.parse()方法解析字符串本身,该方法还可以捕捉JSON中的语法错误. eval('('+json字符串+')') JSON.parse(json字符串) 可以通过用解析完的json变量通过json字符串中的key值来访问到value值.即json.key值~) var jsondata=' "staff":"hello" '; var jsonobj=eval('('+jsondate+')'); document.write(jsonobj.staff); eval()与JSON.parse()方法区别: 1.如果json字符串中的value值是一个js方法,那么用eval()方法解析json的时候会执行此js方法.即eval()方法不仅解析JSON字符串,还会执行JSON字符串中的方法. 如果使用JSON.parse()方法解析JSON,不会执行JSON字符串中包含的js方法,会在控制台抛出错误,错误信息是此字符串是不合法的,因此JSON.parse()方法很安全,eval()方法不安全,因为JSON参数中可能包含恶意的js方法. 2.eval()方法不会看你JSON字符串语法是否合法.而JSON.parse()方法会看你JSON字符串的语法是否合法.
    查看全部
  • 所有JSON数据基本都是这些规则的组合. 用{}括起来表示这是一个JSON对象.对象里有一个值对,"staff",它的值是一个数组.这个数组又是由很多小的JSON对象组成.每个小的JSON对象里又有两个属性. 图中为JSON字符串,当响应的数据大时应该用JSON的格式,再在js中解析JSON格式.
    查看全部
    0 采集 收起 来源:json基本概念

    2018-03-22

  • JSON与XML比较 json的长度和xml格式比起来很短小. json读写的速度更快. json可以使用JavaScript内建的方法直接进行解析,转换成JavaScript对象,非常方便. JSON语法规则. "key":"value"
    查看全部
    0 采集 收起 来源:json基本概念

    2018-03-22

  • 当像服务器传递大量的数据,服务器要返回大量数据的时候,应该使用JSON的格式.而不只是单纯的字符串形式与xml形式的响应数据. JSON就是特殊的字符串组合.
    查看全部
    0 采集 收起 来源:json基本概念

    2016-02-20

  • 运用Ajax实现局部刷新功能. 可以获取一个对象绑定事件.即 document.getElementById("button").onclick=function(){ } 也可以直接在标签添加事件: <button id="button" onclick="函数名">查询</button> 如果用jq的话,则可以用click()方法,即: $("#button").click(function(){ }); XMLHttpRequest对象的status属性是状态码,当是200的时候代码正确.responseText属性代表响应的文本信息. <body> <h1>查询员工信息</h1> <label>编号:</label> <input type="text" id="number"/> <button id="button">查询</button> <p id="searchResult"></p> </body> 定义一个<p>标签,以便把服务器响应的文本信息通过js操作dom,把信息放在<p>标签,实现局部刷新功能.
    查看全部
    0 采集 收起 来源:客户端实现

    2018-03-22

  • 取得响应代码
    查看全部
  • XHR取得响应
    查看全部
  • XHR兼容性写法
    查看全部
  • PHP是一种创建动态交互性站点的服务器端脚本语言(用来处理后台信息,与java web一样.) 像html、js等是静态页面,主要用在客户端(浏览器)中.做一些页面呈现、特效.要想与后台数据交互,就需要使用服务器端的语言.
    查看全部
    0 采集 收起 来源:Ajax-例子简介

    2016-02-20

  • var request=new XMLHttpResquest();//ie6以上以及其他浏览器; 兼容性设置: var request; if(window.XMLHttpRequest){ request=new XMLHttpRequest();//ie6以上以及其他的 } else{ request=new ActiveXObject("Microsoft.XMLHTTP")//ie5和ie6 }
    查看全部
  • 通过XMLHttpRequest取得响应. 当用ajax发送了请求给服务器,可以通过XMLHttpRequest对象的方法和属性取得服务器返回的响应信息. responseText属性:获得字符串形式的响应数据. responseXML属性:获得XML形式的响应数据(少用,现在一般用JSON) status和statusText属性:以数字和文本形式返回HTTP状态码. getAllResponseHeader()方法:获取所有的响应报头. getResponseHeader(String param)方法,查询响应中的某个字段的值. 使用XMLHttpRequest的send()方法向服务器发送请求之后会立即返回响应.使用readyState属性,可以判断服务器响应是否正确,即服务器是否响应成功. readyState属性是为了在响应返回成功的时候得到通知.在实际操作中,需要监听XMLHttpRequest中的readyState属性的属性值变化.此属性的变化代表着服务器响应的变化. 此属性值的取值为0~4 当readyState=0(未初始化):请求未初始化,还没调用open()、send()方法. 当readyState=1(载入):服务器连接已建立,已经调用open()、send()方法,正在发生请求. 当readyState=2(载入完成):send()方法执行完成,已经接受到全部响应内容. 当readyState=3(交互):正在解析响应内容. 当readyState=4(完成):响应内容解析完成,可以在客户端调用了. 监听readyState属性的方法就是通过onreadystatechange事件来监听(即此readyState属性值改变,便触发此事件). 一般是事件="函数名",当发生此事件时,触发函数.即onclick="add" 也可以是事件=function(){ },定义发生此事件时触发的函数.定义函数时不需要函数名.匿名内部函数. XMLHttpRequest.onreadystatechange=function(){ } 有些事件是写在标签里面,即需要手动促发.<input onclick="函数名">,需要引号. 有些事件是自动促发的,可以写在脚本即可.即onload=函数名.不需要双引号.
    查看全部
  • ajax指的是异步加载的js和xml
    查看全部
  • XMLHttpRequest对象发送请求的方法. 1.调用open(method,url,async)方法,设置请求的信息. 2.调用send(String string)方法,把请求发送到服务器. open(String method,String url,bool async)方法,其中method参数指定发送请求的方式.是以post还是get的方式(不区分大小写). url参数是请求的地址. async参数指明当前请求是同步还是异步的,一般使用Ajax都是异步的请求.即true.默认就是true,可以省略此参数. 当调用open()方法之后就要使用send(String string)方法,把请求发送到服务器上. 如果使用get的方式请求,因为get方式请求是没有主体的,所有的参数都会拼在url当中,因此可以省略此参数. 如果使用post请求,那么send(String string)方法就要填写参数.参数内容是需要传递给服务器的信息.(post方式提交不需要填写参数的情况很少) XMLHTTP是通过HTTP协议取得网站上的文件数据的,所以也要发送HTTP头给服务器. 但是XMLHTTP默认的情况下有些参数可能没有说明在HTTP头里,这时当我们需要修改或添加这些参数时就用到了setRequestHeader(String bstrHeader,String bstrValue)方法. setRequestHeader()方法一定要写在open()和send()的方法中间.setRequestHeader方法只是XMLHTTP为添加或修改HTTP头提供的一个接口方法而已. 一般用ajax是发送表单信息,很少是发送文件.因此常用: setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=utf-8"). Ajax一般都是在前端页面完成.
    查看全部
  • Http状态码.
    查看全部
    0 采集 收起 来源:Ajax-HTTP请求

    2016-02-19

  • 图中200是一个状态码. 此Http响应信息没有包含响应体. 响应头和响应体之间也是有一行空格相隔.
    查看全部
    0 采集 收起 来源:Ajax-HTTP请求

    2016-02-19

举报

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

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