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

Ajax全接触

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

    2015-08-27

  • //如果是post请求,多个参数要用&隔开 //如果要用post 要有这句open 和send 之间有一个 request.setREquestHeader("Content-Type","application-x-www-form-urlencoded");
    查看全部
    0 采集 收起 来源:客户端实现

    2018-03-22

  • document,getElementById("save").onclick = function(){ //发送Ajax查询请求并处理 var request = new XMLHttpRequest(); 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); //监听事件 request.onreadystatechange = function(){ if(request.readyState===4){ if (request.status===200){ var data=JSON.parse(request.responseText); if(data.success){ document.getElementById("createResult").innerHTML=data.msg; }else{ document.getElementById("createResult").innerHTML="出现错误:"+data.msg; } }else{ alert("发生错误:"+request.status); } } } } </script>
    查看全部
  • setRequestHeader方法一定要写在OPEN和SEND中间
    查看全部
  • 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服务器用于本地测试
    查看全部
    1 采集 收起 来源:Ajax-例子简介

    2015-08-27

  • 判断服务器是否响应成功
    查看全部
  • 1.HTTP请求: Get:一般是用于信息获取,使用URL传递参数,对所发送的信息数量也有限制,一般在2000个字符。 Post:一般用于修改服务器上的资源,对所发送信息的数量无限制。
    查看全部
    0 采集 收起 来源:Ajax-HTTP请求

    2015-08-27

  • 1、实例化XMLHttpRequest对象:var request=new XMLHttpRequest(); 2、浏览器的支持情况:大部分浏览器都支持,但是在IE5/IE6不能支持,但是也可以通过添加代码使得IE5/IE6支持。 兼容IE6函数 var request; if(window.XMLHttpRequest){ request = new XMLHttpRequest(); //IE7+,Firefox,Chrome,Opera,Safari... }else{ request = new ActiveXObject("Microsoft.XMLHTTP"); //IE6,IE5 }
    查看全部
  • 知识点
    查看全部
  • 处理跨域方式:1、代理 2、JSONP 3、XHR2 支持XmlHttpRequest level2的浏览器 在服务器端进行改造:header("Access-Control-Allow-Origin:*");//权限所有都可以 header("Access-Control-Allow-Methods:POST,GET"); IE10以下不支持XHR2,IE如何实现跨域呢?详情戳网址:http://blog.csdn.net/ghsau/article/details/13747943
    查看全部
  • PHP代码格式
    查看全部
  • PHP服务器运行
    查看全部
    0 采集 收起 来源:Ajax-例子简介

    2015-08-26

  • PHP服务器端语言
    查看全部
    0 采集 收起 来源:Ajax-例子简介

    2015-08-26

  • readyState属性
    查看全部

举报

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

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