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

Ajax全接触

姜维 Web前端工程师
难度中级
时长 2小时10分
  • json的基本概念
    查看全部
    0 采集 收起 来源:json基本概念

    2015-10-26

  • 核心是:创建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

  • POST方法代码
    查看全部
    0 采集 收起 来源:客户端实现

    2015-10-26

  • 查询过程
    查看全部
    0 采集 收起 来源:客户端实现

    2015-10-26

  • fiddler工具,可看网站中的“ Fiddler工具使用" (http://www.imooc.com/learn/37)课程,后台测试接口工具 Content-Type:application/x-www-form-urlencoded 的正确设置。。 fiddler可用于调试服务器代码(无需客户端代码)。 Fiddler是一个http协议调试代理工具,它能够记录并检查所有你的电脑和互联网之间的http通讯,设置断点,查看所有的“进出”Fiddler的数据(指cookie,html,js,css等文件,这些都可以让你胡乱修改的意思)。 Fiddler 要比其他的网络调试器要更加简单,因为它不仅仅暴露http通讯还提供了一个用户友好的格式。 fiddler可以监听电脑上所有的HTTP请求(GET和POST等)监听他们传入的值和返回的值。后台测试接口工具。 使用:右边栏有compose都标签页。输入刚才地址后excuse他。双击左栏的记录。用post请求的时候要用到contentType:application/x-www-form-urlencodeed,告诉服务器是一个post请求,并且是写在url里面。 在右下栏的requestbody写上请求正文。 Content-Type:application/x-www-form-urlencoded
    查看全部
  • post的时候要设置content request.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    查看全部
    0 采集 收起 来源:客户端实现

    2018-03-22

  • get和post的区别?
    查看全部
    0 采集 收起 来源:Ajax-HTTP请求

    2015-10-26

  • PHP是一种创建动态交互性站点的服务端脚本语言。开源,免费。 开发实例:WordPress、Facebook。入门简单。 PHP能生成动态页面内容, 创建、打开、读取、写入、删除以及关闭服务器上的文件, 接收表单数据, 发送并取回cookies, 添加,删除,修改数据库中的数据, 限制用户访问网站中的某些页面等等。 PHP兼容几乎所有WEB服务器,支持几乎所有数据库 XAMPP(Apache+MySQL+PHP+PERL)是一个功能强大的建 XAMPP 软件站集成软件包。这个软件包原来的名字是 LAMPP,但是为了避免误解,最新的几个版本就改名为 XAMPP 了。 它可以在Windows、Linux、Solaris、Mac OS X 等多种操作系统下安装使用,支持多语言:英文、简体中文、繁体中文、韩文、俄文、日文等。 https://www.apachefriends.org/download.html 在Dreamweaver中配置web服务器用于本地测试
    查看全部
    0 采集 收起 来源:Ajax-例子简介

    2015-10-25

  • php的功能
    查看全部
    0 采集 收起 来源:Ajax-例子简介

    2015-10-25

  • 监听事件,检测是否取得响应
    查看全部
  • readyState属性
    查看全部
  • xhr取得响应
    查看全部
  • 第二种不常见,一般为post时都有发送内容
    查看全部
  • http状态码
    查看全部
    0 采集 收起 来源:Ajax-HTTP请求

    2015-10-25

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

    2015-10-25

举报

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

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