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

Ajax全接触

姜维 Web前端工程师
难度中级
时长 2小时10分
  • eval('('+jsondata+')')这种给json数据加个()的做法是针对eval()的。eval()会将{}里面的代码认为是一个语句块来执行,而如果使用eval()是想把json字符串变为一个json对象的话就不能让他当做是一个语句来执行,加一个()就可以实现将他转换成对象。 下面JSON.parse(jsondata)就是一个将json字符串变成一个json对象的方法,这个方法允许接收字符串,所以可以直接使用,其实方法里面还是对json字符串进行类似eval的处理了。
    查看全部
  • 处理跨域方法三:XHR2实现跨域 HTML5提供的XMLHttpRequest Level2已经实现跨域访问以及其他的一些新功能。 ie10以下版本都不支持 实现方法: 服务器端写入: header('Access-Control-Allow-Origin:*');//“*”号表示可以跨所有的域,当然也可以写入特定的域名。 header('Access-Control-Allow-Methods:POST,GET');
    查看全部
  • jsonp只支持get请求,而且jsonp返回的是一个数组
    查看全部
  • 处理跨域方法二:jsonp<br> jsonp可用于解决主流浏览器的跨域数据访问的问题。<br> a域名去声明一个方法,b域名去调用这个方法<br> script可以向不同页面提交http请求;<br> jsonp的方式只是针对get请求方式,不支持post请求<br> <br> $.ajax({<br> type:"GET",<br> url:"http://127.0.0.1:8080/ajaxdemo/service.php?number"+$("#keyword").val(),<br> dataType:"jsonp", //由"json"改为"jsonp"<br> jsonp:"callback", //增加此项,用于后台代码编写<br> success:function(data){<br> if(data.success){<br> $("#searchResult").html(data.msg);<br> }<br> else{<br> $("#searchResult").html("出现错误");<br> }<br> },<br> error:function(er){<br> alert(er.status);<br> }<br> });<br> $jsonp = $_GET["callback"];<br> $result = '()';<br> [ 收起全文 ]<br> 后端代码改造<br> 1、在search()函数中加入代码$jsonp=$_GET["前端所取的jsonp的名字"]//这里是callback<br> 2、注意$result=$jsonp.'(……)'//jsonp的返回值只用括号括起来的"(这里可以是对象或其他的返回值)"<br> jsonp连接是用点(.),并且里面的值要用括号括起来
    查看全部
  • 处理跨域问题的方法一:代理 通过在同域名下的web服务器端创建一个代理: 北京服务器(域名:www.beijing.com) 上海服务器(域名:www.shanghai.com) 比如在北京的web服务器的后台(www.beijing.com/proxy-shanghaiservice.php)来调用上海服务器(www.shanghai.com/service.php)的服务,然后再把响应到的结果返回给前端,这样前端调用北京同域名的服务就和调用上海的服务效果是相同的了。 当然这样的方式是属于后台的方法。
    查看全部
  • JavaScript处于安全的考虑,不允许跨域调用其他页面的对象,什么是跨域呢,简单的理解就是因为JavaScript同源策略的限制,a.com域名下的JavaScript无法操作b.com或是c.a.com域名下的对象。
    查看全部
  • 跨域: 一个域名地址的组成: http://(协议)www(子域名).abc.com(主域名):8080(端口号,当端口号为8080时可以省略)/script/jquery.js(请求资源地址) 当协议,子域名,主域名,端口号中有任意一个不相同时,都算作不同域; 不同域之间相互请求资源,就算做跨域; 比如:http://www.abc.com/index.html请求http://www.efg.com/service.php
    查看全部
  • jQuery.ajax举例: $("#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){ data操作 } }) })
    查看全部
    0 采集 收起 来源:jQuery中的AJAX

    2018-03-22

  • jQuery.ajax([settings])<br> 1:type:类型,“post”或“get”,默认为“get”;<br> 2:url:发送请求的地址<br> 3:data:是一个对象,连同请求发送到服务器的数据<br> 4:datatype:预期服务器返回的数据类型。如果不指定,jQuery将自动根据HTTP包mime信息来只能判断,一般我们采用json格式,可以设置为json(可以不指定)<br> 5:success:是一个方法,请求成功后的回调函数,传入返回后的数据,以及包含成功 代码的字符串<br> 6:error:是一个方法,请求失败时调用此函数,传入XMLHttpRequest对象
    查看全部
    0 采集 收起 来源:jQuery中的AJAX

    2018-03-22

  • eval和JSON.parse 在代码中使用eval是很危险的,特别是用它执行第三方的json数据(其中可能包含恶意代码)时,尽可能使用JSON.parse()方法解析字符串本身,该方法还可以扑捉json中的语法错误,会报错。
    查看全部
  • JSON基本概念: JSON:javaScript对象表示法(JavaScript Object Notation) JSON是存储和交换文本信息的语法,类似XML。它采用键值对的方式来组织,易于人们阅读和编写,同时也易于机器解析和生成 JSON是独立于语言的,也就是说不管什么语言,都可以解析json,只需要按照json的规则来就行 JSON和XML比较 JSON的长度和XML格式比起来很短小 JSON读写的速度更快 JSON可以使用JavaScript内建的方法直接进行解析,转换成JavaScipt对象,非常方便
    查看全部
    0 采集 收起 来源:json基本概念

    2016-05-05

  • PHP 是一种创建动态交互性站点的服务器端脚本语言<br> PHP 能够生成动态页面内容<br> PHP 能够创建,打开,读取,写入,删除以及关闭服务器上的文件<br> PHP 能够接收表单数据<br> PHP 能够发送并取回cookies<br> PHP 能够添加,删除,修改数据库中的数据<br> PHP 能够限制用户访问网站中的某些页面<br> 。。。。等等 几乎兼容所有的web服务器 支持数据库 运行PHP XAMMP,http://www.apachefriends.org/download.html zai Dreamweaver中配置web服务器用于本地测试
    查看全部
    0 采集 收起 来源:Ajax-例子简介

    2018-03-22

  • http是计算机通过网络进行通信的规则。 http是一种无状态协议:不建立持久的连接,服务端不保留连接的信息 http请求过程: 1,建立TCP连接 2,浏览器向服务器发送请求命令 3,浏览器向服务器发送请求头信息 4,服务器应答 5,服务器发送应答头信息 6,服务器发送数据 7,服务器关闭TCP连接 http请求由 四部分组成: 1:http请求的方法或动作,比如get和post请求 2:正在请求的URL,请求的地址是什么 3:请求头,包含一些客户端环境信息,身份验证信息等等 4:请求体,也就是请求正文,请求正文中可以包含客户提交的查询字符串信息,表单信息等等。 get:一般用户信息获取 使用URL传递参数 对所发送信息的数量也有限制,一般在2000个字符 post:一般用于修改服务器上的资源。 对所发送信息的数量无限制。 一个http响应一般有三部分组成: 1:一个数字和文字组成状态码,用来显示请求是成功还是失败; 2:响应头,响应头也是和请求头一样包含许多有用的信息,例如服务器类型,日期时间,内容类型和长度等; 3:响应体,也就是响应正文 请求响应的状态码 1xx:信息类,表示收到web浏览器请求,正在进一步的处理中 2xx:成功,表示用户请求被正确接收,理解和处理。如200 OK 3xx:重定向,表示请求没有成功,客户必须采取进一步的操作 4xx:客户端错误,表示客户端提交的请求有错误,例如,404 not found,意味着请求中所引用的文档不存在 5xx:服务器错误,表示服务器不能完成对请求的处理,如500
    查看全部
    0 采集 收起 来源:Ajax-HTTP请求

    2016-05-05

  • var request if(window.XMLHttpRequest){ request=new XMlHttpRequest(); }else{ request=new ActiveXObject("Microsoft.XMLHttp); }
    查看全部
  • 步骤: 1、利用html+css来实现页面,表达信息; 2、用XMLHttpRequest和web服务器进行数据的异步交换 3、运营js操作DOM,实现动态局部刷新; XMLHttpRequest对象的出现分割了同步和异步。XMLHttpRequest出现之前是同步的,出现之后是异步的。 同步:页面请求实时传给服务器,导致必填数据没有填的时候,要回到页面上重新从头填写,耗时长、客户体验差。 异步:在页面必填项写上必填选项,不用通过传给服务器判断必填内容是否已经填写完整,耗时短、用户体验强。
    查看全部

举报

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

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