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

Ajax全接触

姜维 Web前端工程师
难度中级
时长 2小时10分
  • $(document).ready(function(){ $("#serach").click(function(){//绑定click事件 $.ajax({ type:"GET",//请求方式 url:"service.php?number="+$("#keyword").val(),//请求地址 dataType:"json",//响应数据类型 success:fuction(data){//请求成功后执行的方法,参数1data是响应数据 if(data.success){ $("#serachresult").html(data.msg) }else{ $("#serachresult").html("出现错误"+data.msg) }, } error:function(jqXHR){//请求失败执行的方法,参数jqXHR是XHR的对象 alert("发生错误"+jqXHR.status) } }); }); $("#save").click(function(){ $.ajax({ type:"POST", url:"serveice.php", data:{ //请求传送的数据,是个对象 name:$("#name").val(), number:$("#number").val(), sex:$("#sex").val(), }, success:fuction(data){//请求成功后执行的方法,参数1data是响应数据 if(data.success){ $("#serachresult").html(data.msg) }else{ $("#serachresult").html("出现错误"+data.msg) }, } error:function(jqXHR){//请求失败执行的方法,参数jqXHR是XHR的对象 alert("发生错误"+jqXHR.status) } }); }); }); })
    查看全部
    0 采集 收起 来源:jQuery中的AJAX

    2018-03-22

  • JSON:JavaScript对象表示法,全称:JavaScript Object Notation 1、JSON是存储和交换文本信息的语法,类似XML。它采用键值对的方式来组织数据,易于人们阅读和编写,同时也易于机器解析和生成 2、JSON是独立于语言的,任何语言都可以按照json的规则来解析 JSON与XML比较: 1、json的长度比xml短小 2、json的读写速度更快 3、json可以使用JavaScript内置的方法直接进行解析并转换成JavaScript对象,很方便 JSON语法规则: 1、json数据的格式是:"名称":值形式的键值对,名称需要在双引号中,中间以冒号":"隔开; 2、json的值可以是以下类型: 数字(整数和浮点数) 字符串(在双引号中) 逻辑值(true或false) 数组(在方括号中[]) 对象(在花括号中{}) null
    查看全部
    0 采集 收起 来源:json基本概念

    2018-03-22

  • HTTP组成部分
    查看全部
    0 采集 收起 来源:Ajax-HTTP请求

    2016-11-05

  • HTTP请求过程
    查看全部
    0 采集 收起 来源:Ajax-HTTP请求

    2016-11-05

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

    2016-11-04

  • Ajax-XHR(XMLHttpRequest)发送请求的两个方法 1.open(methob,url,async)方法: methob请求方法get或者post,不区分大小写,一般大写。 url请求的地址。 async表示同步或异步--默认为异步true 同步(false),异步(true) 2.send(string):把请求发送到服务器, 如果使用get发送请求,该参数可不填或null, 若使用post发送请求,则需要填写。 setRequestHeader方法要写在open和send的中间,不然就会抛出异常
    查看全部
  • http响应三部曲
    查看全部
    0 采集 收起 来源:Ajax-HTTP请求

    2016-11-04

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

    2016-11-04

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

    2016-11-04

  • Ajax三步骤: Asynchronous Javascript And XML 1、运用HTML和CSS实现页面,表达信息; 2、运用XMLHttpRequest和web服务器进行数据的异步交换; 3、运用JavaScript操作DOM,实现动态局部刷新; 1.同步:就是用户填写完信息之后,全部提交给服务器,等待服务器的回应,是一次性全部的。 2.异步:当用户填写完一条信息之后,这条信息会自动向服务器提交,然后服务器响应客户端,在此过程中,用户依然在填写表格的信息,即向服务器请求多次,节省了用户的时间,提高了用户的体验。 3.XMLHttpRequest对象来实现这一功能,也需要javascript来操作DOM实现局部的信息更新。
    查看全部
  • Ajax异步交互 概念:运用HTML和CSS实现页面 运用XMLHttpPequest和web进行数据交换 运用js操作DOM,实现页面动态刷新
    查看全部
  • 1
    查看全部
  • 基本概念
    查看全部
  • Ajax 不是某种编程语言。 是一种在无需加载整个网页的情况下能够更新部分网页的技术。
    查看全部
  • .............................
    查看全部
    0 采集 收起 来源:Ajax-HTTP请求

    2016-11-02

举报

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

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