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

Ajax全接触

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

    2016-12-20

  • JSON的解析可以使用`eval("("+str+")");`或者`JSON.parse(str)`,eval不会检测JSON语法是否错误,如果JSON中带有JavaScript语句也会直接执行,不安全;使用`JSON.parse(str)`则在解析过程中会检查错误,语法错误会报错。所以,推荐使用`JSON.parse(str)`。
    查看全部
  • JSON是存储和交换文本信息的语法,类似XML。它采用键值对的方式来组织,易于人们阅读和编写,同时也易于机器解析和生成 JSON是独立于语言的,也就是说不管什么语言,都可以解析json,只需要按照json的规则来就行 JSON键、值均要加双引号“”;
    查看全部
    0 采集 收起 来源:json基本概念

    2016-10-09

  • var request = new XMLHttpRequest(); request.open('get','get.php',true); request.send(); request.onreadystatechange = function(){ if(request.readyState === 4 && request.status === 200){ request.responseText } }
    查看全部
  • 核心是:创建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

  • fiddler?这个测试软件?
    查看全部
    0 采集 收起 来源:客户端实现

    2016-10-09

  • js主要是在网页上写的 php主要是在服务器上写的是这么个意思吧
    查看全部
  • xmlhttprequest 可以发送请求 也可以接受响应 其中响应这一块有一个方法 不同的状态码表示不同的请求的状态
    查看全部
    0 采集 收起 来源:Ajax-例子简介

    2016-10-09

  • 使用xmlhttprequest来发送请求。 http请求 .open方法 .setrequestheader方法(如果有这个方法一定放这两个中间) .send方法
    查看全部
  • get 跟post 的区别 get既然是从服务端 获取数据 那么也是浏览器的表单通过get形式发送给服务器的?
    查看全部
    0 采集 收起 来源:Ajax-HTTP请求

    2016-10-09

  • ajax是 异步的javascript and xml 的缩写 xmlhttprequest
    查看全部
  • PHP
    查看全部
    0 采集 收起 来源:Ajax-例子简介

    2016-10-09

  • XAMPP(Apache+MySQL+PHP+PERL)是一个功能强大的建 XAMPP 软件站集成软件包。这个软件包原来的名字是 LAMPP,最新的几个版本就改名为 XAMPP 了。 它可以在Windows、Linux、Solaris、Mac OS X 等多种操作系统下安装使用,支持多语言:英文、简体中文、繁体中文、韩文、俄文、日文等。 https://www.apachefriends.org/download.html 在Dreamweaver中配置web服务器用于本地测试
    查看全部
    0 采集 收起 来源:Ajax-例子简介

    2016-10-09

  • readyState属性的变化代表服务器响应的变化 0:请求未初始化,open还没有调用 1:服务器连接已建立,open已经调用了 2:请求已接收,也就是接收到头信息了 3:请求处理中,也就是接收到了响应主体 4:请求已完成,且响应已就绪,也就是响应完成了 var request = new XMLHttpRequest() //建立XHR对象 request.open("GET","get.php",true); //用get方法异步打开get.php request.send(); //发送请求头信息 request.onreadystatechange=function(){ if(request.readState===4&&request.status===200){ //做一些事情 request.responseText; } } 通过onreadystatechange事件 ,对readyState属性进行监听即对服务器的响应进行监听, readyState===4响应完成; status===200,请求成功 建立异步请求的过程4个步骤: a:new一个XHR对象 b:调用open方法 c:send一些数据 d:对过程进行监听,来知道服务器是不是正确地做出了响应,接着可以做一些事情 (监听readyState,响应成功可以做一些事情,比如获取服务器响应的内容在页面上做一些呈现)
    查看全部
  • XMLHttpRequest发送请求: 两个方法 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");
    查看全部

举报

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

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