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

Ajax全接触

姜维 Web前端工程师
难度中级
时长 2小时10分
  • XHR发送请求的两个方法 -open(methob,url,async)方法 methob请求方法get或者post,不区分大小写,一般大写。 url请求的地址。 async表示同步或异步--默认为异步true -send(string)把请求发送到服务器,(如果使用get发送请求,该参数可不填或null,若使用post发送请求,则需要填写)。
    查看全部
  • 所有现代浏览器均支持 XMLHttpRequest 对象,异步的实现是利用了XMLHttpRequest对象,利用该对象进行异步操作,即后台可以和服务器交换数据,而不需要重新加载整个页面,只对网页部分更新。 创建 XMLHttpRequest 对象的语法: variable=new XMLHttpRequest(); 老版本的 Internet Explorer (IE5 和 IE6)使用 ActiveX 对象: variable=new ActiveXObject("Microsoft.XMLHTTP"); 为了应对所有的现代浏览器,包括 IE5 和 IE6,检查浏览器是否支持 XMLHttpRequest 对象。如果支持,则创建 XMLHttpRequest 对象。如果不支持,则创建 ActiveXObject : var xmlhttp; if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); }
    查看全部
  • Ajax的全称:Asynchronous Javascript and XML(异步的javascript和xml),是一种在无需重新加载整个页面的情况下能够更新部分网页的技术. 使用了ajax技术的网页 通过在后台跟服务器进行少量的数据交换,网页就可以实现异步局部更新。
    查看全部
  • get一般用于查询,可见 post修改服务器资源
    查看全部
    0 采集 收起 来源:Ajax-HTTP请求

    2016-12-20

  • 运行PHP XAMMP,https://www.apachefriends.org/download.html
    查看全部
    1 采集 收起 来源:Ajax-例子简介

    2016-12-20

  • 通过onreadystatechange的属性变化来控制
    查看全部
  • 监听readyState属性变化
    查看全部
  • 响应状态码
    查看全部
    0 采集 收起 来源:Ajax-HTTP请求

    2016-10-14

  • get请求与post请求
    查看全部
    0 采集 收起 来源:Ajax-HTTP请求

    2016-10-14

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

    2016-10-14

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

    2016-10-14

  • HTTP状态码
    查看全部
    0 采集 收起 来源:Ajax-HTTP请求

    2016-10-14

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

    2016-10-14

  • 1、在线引用(百度静态资源公共库) 2、jq实现Ajax(代码如下,图为各属性解析) <script src="http://apps.bdimg.com/libs/jquery/1.11.1/jquery.js"></script> $(document).ready(function(){ $("#save").click(function(){ $.ajax({ type:"post", url:"service.php", dataType:"json", data:{ name:$("#staffName").val(), number:$("#staffNumber").val(), sex:$("#staffSex").val(), job:$("#staffJob").val() }, success:function(data){ if(data.success){$("#createResult").html(data.msg)} else{$("#createResult").html("error: " + data.msg) } }, error:function(jqXHR){ alert("error: "jqXHR.status); } }); }); });
    查看全部
    0 采集 收起 来源:jQuery中的AJAX

    2018-03-22

  • 1、json解析的方法有两种:eval()和parse()方法 eval() 较危险,不光解析了字符串,还解析了js方法,无论何时用eval()都是非常危险的。-----不建议使用 JSON.parse()较好,会解析出错误。 //例子:首先定义了JSON字符串jsondata eval()方法: var jsondata='{"staff":[{"name":"洪七","age":70},{"name":"郭靖","age":35},{"name":"黄蓉","age":30}]}'; var jsonobj=veal('('+jsondata+')'); alert(jsonobj.staff[0].name); parse()方法: var jsondata='{"staff":[{"name":"洪七","age":70},{"name":"郭靖","age":35},{"name":"黄蓉","age":30}]}'; var jsonobj=JSON.parse(jsondata); alert(jsonobj.staff[0].name); 都可以,若把age后的70改成alert(123);若用eval()方法,发现页面是先弹出123,再弹出洪七;也就是说用eval不仅解析了字符串,还执行了JS里的方法 用parse()解析字符串,发现会抛出一个错误。 这说明用eval()不会看json是否合法,eval非常危险。所以尽量使用JSON.parse方法,来解析json里的字符串,而且还可以解析出json里的一些错误。 2、json校验工具jsonlint 3、把json格式化,地址:jsonlint.com
    查看全部

举报

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

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