为了账号安全,请及时绑定邮箱和手机立即绑定
  • 异步流程
    查看全部
  • 同步流程
    查看全部
  • 1.Ajax主要的功能是实现了浏览器端 异步 访问服务器:通过浏览器的XMLHttpRequest对象发出小部分数据,与服务端进行交互, 服务端返回小部分数据,然后更新客户端的部分页面。 2.json是Ajax发送小部分数据的一种轻量级数据格式,可以简单易懂的给服务器或者浏览器交互数据,包括jason对象,jason数组对象。 3.跨域的原理是:协议://子域名.主域名:端口号/服务端地址,除了服务端地址的改变叫做重定向意外,其他几个可变更的参数中任意一个的改变就叫做跨域。
    查看全部
    0 采集 收起 来源:课程总结

    2017-02-19

  • http://cdn.code.baidu.com/ 百度静态资源库,如果线上引用,可以去这里找,主流js框架基本都有,查找也很方便.
    查看全部
    0 采集 收起 来源:jQuery中的AJAX

    2017-02-19

  • eval() 较危险,不光解析了字符串,还解析了js方法,无论何时用eval()都是非常危险的。-----不建议使用 JSON.parse()较好,会解析出错误。 //例子:首先定义了JSON字符串jsondata eval()方法: var jsondata='{"staff":[{"name":"洪七","age":70},{"name":"郭靖","age":35},{"name":"黄蓉","age":30}]}'; var jsonobj=veal('('+jsondata+')'); alert(jsonobj.staff[0].name); parse()方法: var jsondata='{"staff":[{"name":"洪七","age":70},{"name":"郭靖","age":35},{"name":"黄蓉","age":30}]}'; var jsonobj=JSON.parse(jsondata); alert(jsonobj.staff[0].name); 都可以,若把age后的70改成alert(123);若用eval()方法,发现页面是先弹出123,再弹出洪七;也就是说用eval不仅解析了字符串,还执行了JS里的方法 用parse()解析字符串,发现会抛出一个错误。 这说明用eval()不会看json是否合法,eval非常危险。所以尽量使用JSON.parse方法,来解析json里的字符串,而且还可以解析出json里的一些错误。 2、json校验工具jsonlint 3、把json格式化,地址:jsonlint.com
    查看全部
  • JSON基本概念: JSON:javaScript对象表示法(JavaScript Object Notation) JSON是存储和交换文本信息的语法,类似XML。它采用键值对的方式来组织,易于人们阅读和编写,同时也易于机器解析和生成 JSON是独立于语言的,也就是说不管什么语言,都可以解析json,只需要按照json的规则来就行 JSON和XML比较 JSON的长度和XML格式比起来很短小 JSON读写的速度更快 JSON可以使用JavaScript内建的方法直接进行解析,转换成JavaScipt对象,非常方便
    查看全部
    0 采集 收起 来源:json基本概念

    2017-02-19

  • jquery.ajax(type,url,data,dataType,success,error)
    查看全部
    0 采集 收起 来源:jQuery中的AJAX

    2017-02-19

  • open(method,url,async) method:规定HTTP发送请求的方式是get还是post,不区分大小写,一般来说用大写 url:请求地址(相对地址或绝对地址) async:同步/异步(false/true),默认是异步也就是true,可以不用填写 send(string):发送到服务器(该参数可以填或者不填-----get方法不填或填null,post:一般要填) 例如: request.open("POST","create.php",true); request.setRequestHeader("Content-type","application/x-www-form-urlencoded ")//设置HTTP头信息--一定要写在open()和send()之间 request.send("name=xxxx&set=xxx");
    查看全部
  • 1.HTTP是计算机通过网络进行通信的规则 2.HTTP是一种无状态的协议(不建立持久的连接,服务端不保留连接的相关信息,浏览器发出请求和服务器返回响应是一个没有记忆的过程) 3.一个完整的【HTTP请求】过程有7个步骤: 1>建立TCP连接 2>Web浏览器向Web服务器发送请求命令 3>Web浏览器发送请求头信息 4>Web服务器应答 5>Web服务器发送应答头信息 6>Web服务器向浏览器发送数据 7>Web服务器关闭TCP连接 http请求: 1.HTTP请求的方法或动作,post或get 2.正在请求的URL 3.请求头,包含一些客户端环境信息,身份验证信息等 4.请求体(请求正文),包含要发送的一些字符串信息,表单信息等等 //请求头和请求体之间有一个空行,表面请求头已经结束 GET:一般用于信息的获取,使用URL传递参数,对发送信息的数量也有限制,一般在2000字符!默认方式,一般用于查询、获取操作,不是很安全,任何人可见,信息都显示在URL中 POST:一般用于修改服务器上的资源,对所发送的数量无限制。一般用于发送表单数据,新建,修改,删除等操作,要安全一些,不在URL中显示,对其他人不显示。 【幂等】:一个操作任意多次执行所产生的影响均与一次执行的影响相同。GET请求就是一种幂等操作。 【HTTP响应】一般由3部分组成: ①一个数字或文字组成的状态码,用来显示请求是成功还是失败 ②响应头,和请求头一样包含许多有用信息,如服务器类型、日期时间、内容类型和长度等 ③响应体,即响应正文//响应头和响应体之间有空行 【HTTP状态码】 1XX:信息类,表示收到Web浏览器请求,正在进一步处理中 2XX:成功,表示用户请求被正确接收 3XX:重定向,表示请求没有成功,客户必须采取进一步动作 4XX:客户端错误,表示客户端提交的请求有错误,例如:404 NOT Found,意味着请求中所引用的文档不存在 5XX:服务器错误,表示服务器不能完成对请求的处理,如:500。
    查看全部
    0 采集 收起 来源:Ajax-HTTP请求

    2018-03-22

  • XMLHttpRequest对象;实例化一个对象就可以实现异步操作; var request = new XMLHttpRequest(); //可以兼容IE7+,Firefox,Chrome,Opera,Safari...但是不兼容IE6以下的版本。 var request; if(window.XMLHttpRequest{ request=new XMLHttpRequest(); )else request=new ActiveXObject("Microsoft.XMLHTTP");//可以兼容IE6、IE5版本
    查看全部
  • Ajax 全称:asynchronous JavaScript and XML(异步的JavaScript和XML); Ajax 不是语言,是种技术,可以在不完整加载整个网页的前提下,加载网页的部分。 使用 ajax 技术的网页可以 异步局部加载网页。 通过在后台跟服务器进行少量的数据交换,网页就可以实现局部更新。
    查看全部
  • jsonp支持GET请求,不支持POST请求 出于安全考虑,浏览器都有同源策略。即相同domain的页面运行在一个沙箱(sandbox)中,与其他domain的沙箱隔离,不能跨越domain直接访问其他domain下的资源。 但HTML中有几个标签可以忽略同源限制去请求其他domain下的资源,比如<img> 和<script>等。这里主要说<script src="url">,当浏览器解析到<script>标签,就会发起一个get请求,请求的URL即为scr所指定的url。这就相当于跨域访问了一个资源。 比如运行一下代码: script = document.createElement('script'); script.type = 'text/javascript'; script.src = 'http://www.someWebApiServer.com/some-data'; 可能得到的是一个script元素,元素的innerHTML是请求返回的对象: <script> {['some string 1', 'some data', 'whatever data']} </script> 我们已经得到了想要的内容,但解析它并不方便。如果使用了JSONP是什么样的呢: script = document.createElement('script'); script.type = 'text/javascript'; script.src = 'http://www.someWebApiServer.com/some-data?callback=my_callback'; 返回的结果是: my_callback({['some string 1', 'some data', 'whatever data']});可以看到,这里的返回结果是直接执行了一个函数my_callback(...),实参就是我们需要的数据 那么只要在代码里实现my_callback 函数,就可以做任何想做的事了 <html> ... <script> function my_callback(data){alert(data.name etc.)} </script> ... </html><script>
    查看全部
  • JavaScript处于安全方面的考虑,不允许跨域调用其他页面的对象。 什么是跨域呢,简单的理解就是因为JavaScript同源策略的限制,a.com域名下的js无法操作b.com或者c.a.com域名下的对象。
    查看全部
  • http://cdn.code.baidu.com/ 百度静态资源库,大家如果线上引用,可以去这里找,主流js框架基本都有,查找也很方便. 1、在线引用(百度静态资源公共库) 2、jq实现Ajax(代码如下,图为各属性解析) <script src="http://apps.bdimg.com/libs/jquery/1.11.1/jquery.js"></script> $(document).ready(function(){ $("#save").click(function(){ $.ajax({ type:"post", url:"service.php", dataType:"json", data:{ name:$("#staffName").val(), number:$("#staffNumber").val(), sex:$("#staffSex").val(), job:$("#staffJob").val() }, success:function(data){ if(data.success){$("#createResult").html(data.msg)} else{$("#createResult").html("error: " + data.msg) } }, error:function(jqXHR){ alert("error: "jqXHR.status); } }); }); });
    查看全部
    0 采集 收起 来源:jQuery中的AJAX

    2018-03-22

  • eval() 较危险,不光解析了字符串,还解析了js方法,无论何时用eval()都是非常危险的。-----不建议使用 JSON.parse()较好,会解析出错误。 //例子:首先定义了JSON字符串jsondata eval()方法: var jsondata='{"staff":[{"name":"洪七","age":70},{"name":"郭靖","age":35},{"name":"黄蓉","age":30}]}'; var jsonobj=veal('('+jsondata+')'); alert(jsonobj.staff[0].name); parse()方法: var jsondata='{"staff":[{"name":"洪七","age":70},{"name":"郭靖","age":35},{"name":"黄蓉","age":30}]}'; var jsonobj=JSON.parse(jsondata); alert(jsonobj.staff[0].name); 都可以,若把age后的70改成alert(123);若用eval()方法,发现页面是先弹出123,再弹出洪七;也就是说用eval不仅解析了字符串,还执行了JS里的方法 用parse()解析字符串,发现会抛出一个错误。 这说明用eval()不会看json是否合法,eval非常危险。所以尽量使用JSON.parse方法,来解析json里的字符串,而且还可以解析出json里的一些错误。 2、json校验工具jsonlint 3、把json格式化,地址:jsonlint.com
    查看全部

举报

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

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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