ajax入门

课程导师

Sundy Sundy
麦子学院CEO,麦子学院首席讲师,互联网职业教育创领者。麦子学院新媒体网络运营专业负责人,丰富的技术,产品,运营等经验以及对运营6字诀独到的理解,带你从更多的视角来理解运营。
00:00:00
Play
Next
00:00 / 00:00
40%
  • 2x
  • 1.5x
  • 1.25x
  • 1x
1x
3.运行环境
离线学习

下载APP离线观看

技能补充更多
  • Javascript初步
    Javascript初步

    Javascript是web前端开发常用技术之一,也是web前端开发必学技术之一,本章麦子学院原创JavaScript视频教程,将围绕其相关基础知识和实际应用全面讲解,让你轻松掌握并精通JavaScript的使用。

  • html5+css3
    html5+css3

    html5+css3是当下最流行的web前端开发技术之一,可快速的构建具有极佳用户体验的应用。本课程为国内最全面的html5+css3视频课程,由麦子学院资深讲师朱朝兵老师为大家讲解用HTML5+CSS3进行应用开发和布局的方法和技巧,配合经典的布局案例,帮助大家掌握最核心的应用技术。

  • Javascript初步
    Javascript初步

    javascript是一种动态类型、弱类型、基于原型的语言,广泛应用于客户端,而在Python中,JavaScript是 web前端开发不可或缺的一个技术,本章主要是麦子学院资深web前端开发工程师通过系统讲解js的语法、对象、函数、变量及其的使用等等,让零基础学员迅速入门。

  • jquery入门
    jquery入门

    Jquery是继prototype之后又一个优秀的Javascript库。Jquery兼容CSS3和各种浏览器,可使用户能更方便地处理HTML、events、实现动画效果,并且方便地为网站提供AJAX交互。本章jquery入门教程为国内最全面的jquery视频教程之一,由麦子学院资深web前端工程师魏畅然老师为你系统介绍。

  • 最新问答
  • WIKI资料
  • 课件下载
只看我参与的
  • 学习AJAX

    Ajax简介

    在过去的几年,基于ajax的应用开始出现,推动了web技术显著的进步。Ajax概述1. Ajax的全称是Asynchronous JavaScript and XML,中文定义为”异步JavaScript和XML”,Web2.0技术的核心2. 由多种技术组合而成。使用Ajax技术不必刷新整个页面,只...

  • 学习AJAX

    Ajax基础

    写在前面1. 传统的HTML应用必须使用一个网页表单,向服务器GET或者POST数据。用户需要等待服务器的响应,然后一张新的网页会加到结果。2. ajax会利用JavaScript的API直接与服务器通信,通过使用HTTP协议,web页面可以向服务器进行请求,并得到来自服务器的响应,但是不加载页面。...

  • 学习AJAX

    ajax运行环境

    ajax的核心ajax的核心其实就是XMLHttpRequest对象。但是呢!不同的浏览器,创建这个对象的方法不一样。1) 比如说IE浏览器用的就是ActiveXObject这个对象。2) 而其它浏览器则使用XMLHttpRequest的JavaScript内置对象。针对不同的浏览器,我们可能需要一...

  • 学习AJAX

    获取服务器文件

    获取服务器上的文本文件Ajax获取文件,一般是通过我们的ajax发送的请求去获取服务器上的一个网址,或者是一个文件地址。然后通过返回给我们的ajax,然后再来做一个相对应的处理。1. 首先,我们先创建这个数据文件1) 这里我已经写好了实例,看一下。例如我创建了一个这个网页文件。2) 同时,也创建了一...

  • 学习AJAX

    eval的使用

    定义和用法Eval它是用来计算某个字符串,并且执行其中的JavaScript代码。语法1) eval函数接受一个string这个参数,并且这个参数是必须的,这个参数就是要计算的这个字符串。它里面可以函数含有JavaScript的表达式,或者要执行的语句。eval(string)。2) 那,这个既然是...

  • 学习AJAX

    创建HTML元素

    什么是DOM1. DOM就是文档对象模型,就是document对象。2. 在我们的实际项目中,经常要用到JavaScript来删除一些HTML元素,或者创建一些HTML元素。例如,经常我们看到一些列表,我们点一下删除按钮,整行它会消失。那这个时候,它其实就是通过Document对象,将这个整行HTM...

  • 学习AJAX

    删除HTML元素

    我们在添加的时候需要首先创建该元素,然后找到一个已经存在的元素来追加。那我们删除的时候,首先必须获取该元素的父元素。 1.例如我们还是这个HTML代码。2. 然后我们定义一个删除元素的代码。1) 例如,我还是先获取这个div。2) 然后我再获取一个子元素p标签。假如我获取这个id为p1的这个标签。3...

  • 学习AJAX

    创建新元素案例

    我们把代码粘贴到这里来,首先看一下1.我先把JavaScript代码注释掉,因为我们要看到它创建的这个过程。2. 然后访问这个网址看看这个网页的源码,只有一个div元素里面包含两个。3. 我们这个源码的位置有问题,我们把它移到外面。这样页面里面就展示出了div里面的p标签的内容。然后我们将JavaS...

  • 学习AJAX

    删除元素案例

    1.我们同样将这一段拿过来2. 然后刷新浏览器3. 上面的这个代码,我们创建了新文本这个段落但是,下面的代码,我们将第一段这个p标签给删除了。在审查元素里面,这里就没有了id为p1的这个p元素了。4. 查看网页源代码,源码里面它是存在的【本文由麦子学院独家原创,转载请注明出处并保留原文链接】...

  • 学习AJAX

    ajax封装库

    什么是封装库ajax中封装库,其实就是在我们JavaScript中,函数定义的时候,我们函数有一个作用:就是如果这个代码多次被调用,我们可以进行一系列的优化,将它封装为单独的函数,只要直接调用这个函数就可以直接实现同样的功能。避免了我们在每次编写代码中,陷入了ctrl+c,ctrl+v这样的一个过程...

  • 学习AJAX

    封装库运行实例

    1.把封装好的这段代码复制过去,复制到这里面2. 我们首先定义了一个findUser函数这里面就是获取id为userid的标签。 这个$符号,其实我在下面定义了一个函数,它就是获取对应的这个id的HTML元素。3. 如果它这个值有填写的话,我们就发送请求,直接调用我们封装好的ajaxUtil里面的r...

  • 学习AJAX

    ajax封装为函数

    封装为函数的原理1.首先,它肯定要创建这个XMLHttpRequest对象2. 然后将它的参数进行一些转换,给它处理下参数。3. 再是发送请求。然后把我们获取到的状态的改变定义为一个函数。4. 然后将这个函数固定好一个回调函数。例如,我们在这个对象里面就是传给这个参数,就直接把这个回调函数的名字传进...

  • 学习AJAX

    数据类型

    Ajax中请求的返回数据类型1. Json;2. XML;3. Html元素;4. Text;5. JavaScript代码ajax如何请求?如果解析?第一种:Json1. json是一种轻量级的数据交换格式,易于阅读和编写,同时也易于机器解码和生成。2. json采用与编程语言无关的文本格式,它的...

  • 学习AJAX

    代码演示

    1. 首先准备了一个网页文件2. 然后我在里面采用了封装好的这个函数var AjaxUtil = {     // 基础选项     options : {         method : "get", // 默认提交的方法,get post         url : "", // 请求...

  • 学习AJAX

    测试一个HTML文件

    注:此节接上一节内容1. 这里我有准备这个文件2. 刷新浏览器,再点击这个按钮,去ajax请求这个设置的html文件3. 在控制台中就显示出了我们请求到的数据这里我们看一下这个header它发出去的请求是请求了我们这个html文件,然后它返回了我们的html元素。查看这个网页的源代码。(在控制台中)...

  • 学习AJAX

    处理XML文件

    注:此节接上一节内容如果处理XML文件1. 重新定义一个数据文件2. 然后把之前的测试的这个xml文件内容复制进去所以这里就应该是XML。3. 那这个时候,这里的直接是responseText就不行了因为我们是xml,所以这里修改成responseXML了。4. 我们拿到的就会是这个对象1) 首先我...

  • 学习AJAX

    解析JS代码

    注:此节接上一节内容如何解析JS代码1.重新定义一个数据文件然后这里面就直接用一个打印的js语句如果单独访问这个文件,它会输出一个52. 如果不是返回的XML的格式,其他的我们一律可以用responseText这个属性来获取3. 然后把这些注释掉4. 因为是个js文件,我们也知道它返回什么东西,那我...

  • 学习AJAX

    Ajax案例之验证用户名

    ajax在注册用户表中的使用主要有3个功能点1. 校验一个用户民是否被使用。2. 通过手机号获取手机验证码。3. 点击表单里面的验证码图片,可以实现刷新这个图片验证码。 如何验证用户名的表单还是之前的那一个,表单元素我基本上没做更改。包括它绑定的事件还是onblur,对应的函数都是跟上一节的函数是一...

  • 学习AJAX

    Ajax案例之获取验证码

    手机号是如何获取短信验证码的1. 我们手机号的这个输入框也是绑定了两个事件的一个是onfocus事件,调用clearTips函数;一个是onblur事件,调用checkMobile这个函数。手机:<input type="text" name="usermobile" id="usermobile"...

  • 学习AJAX

    Ajax案例之验证码图片

    验证码图片是如何实现点击刷新每刷新一次,它其实就是发送了一个请求,它去请求了这个验证码的网址,然后后面带了一个随机参数。这个随机参数的作用其实就是防止浏览器缓存我这个地址。其实我们把这个请求的地址打开,默认打开这个网址,它其实就是生成了一个图片。然后我如果每次加一个随机数,防止它被缓存。那么它一定生...

  • ajax简介 课程资料

    ajax简介 课程资料

  • ajax基础 课程资料

    ajax基础 课程资料

  • 运行环境 课程资料

    运行环境 课程资料

  • 获取服务器文件 课程资料

    获取服务器文件 课程资料

  • eval的使用 课程资料

    eval的使用 课程资料

  • 封装库 课程资料

    封装库 课程资料

  • ajax注册用户 课程资料

    ajax注册用户 课程资料

© 2012-2016 www.maiziedu.com

蜀ICP备13014270号-4 Version 5.0.0 release20160127

你有一个红包等你领取!

免费电话咨询