慕课网

精品课程 Ajax全接触

Ajax全接触

最热最新

qq_海绵宝宝的眼泪_03803680

XMLHttpRequest对象后台与服务器交换数据部分更新 ajax技术实现条件： -运用HTML和CSS来实现页面，表达信息 -运用XMLHttpRequest和web服务器进行数据的异步交换 -运用JavaScript操作DOM，实现动态局部刷新

查看全部

0 采集收起来源：Ajax-同步和异步
2016-10-13
qq_海绵宝宝的眼泪_03803680 03:48

异步概念

查看全部

0 采集收起来源：Ajax-同步和异步
2016-10-13
qq_海绵宝宝的眼泪_03803680 02:06

同步概念

查看全部

0 采集收起来源：Ajax-同步和异步
2016-10-13
qq_海绵宝宝的眼泪_03803680

Ajax的全称：Asynchronous Javascript and XML(异步的javascript和xml)，是一种在无需重新加载整个页面的情况下能够更新部分网页的技术.

查看全部

0 采集收起来源：Ajax全接触课程介绍
2016-10-13
慕工程2957023 08:56

JQuery使用ajax发送POST请求样例：

查看全部

0 采集收起来源：jQuery中的AJAX
2016-10-12
慕工程2957023 07:42

JQuery使用ajax发送GET请求样例：

查看全部

0 采集收起来源：jQuery中的AJAX
2016-10-12
慕工程2957023 01:02

专注的前端工程师 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
emloxe 02:45

readystate属性

查看全部

0 采集收起来源：Ajax-XMLHttpRequest取得响应
2016-10-12
慕工程2957023

document.getElementById("save").onclick=function(){ var request=new XMLHttpRequest(); request.open("POST","service.php"); var data = "name=" + document.getElementById("staffName").value + "&number=" + document.getElementById("staffNumber").value + "&sex=" + document.getElementById("staffSex").value + "&job=" + document.getElementById("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> 通过json字符串来传递消息，然后通过一些约定，然后这样我们就可以实现一些复杂的逻辑，让前台和后天的交互和编写都变得更加的灵活，这就是json给我们带来的好处。

查看全部

0 采集收起来源：json解析、格式化和校验工具
2018-03-22
荔枝侯放4070704

get请求是幂等的就是使用一次和使用一万次效果是一样的。get方法是安全的

查看全部

0 采集收起来源：Ajax-HTTP请求
2016-10-12
emloxe 07:48

http响应

查看全部

0 采集收起来源：Ajax-HTTP请求
2016-10-12
emloxe 04:27

get请求 post请求

查看全部

0 采集收起来源：Ajax-HTTP请求
2016-10-12
emloxe 03:08

http请求四部分组成

查看全部

0 采集收起来源：Ajax-HTTP请求
2016-10-12
emloxe 02:09

http请求过程

查看全部

0 采集收起来源：Ajax-HTTP请求
2016-10-12
慕工程2957023

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 采集收起来源：json解析、格式化和校验工具
2018-03-22

首页上一页 328 329 330 331 332 333 334 下一页尾页

0/150

提交

取消

该课程已下架

课程须知: 只需要有基础的javascript语法知识，就可以很容易理解本课程哦

老师告诉你能学到什么？: 通过本课程的学习，您可以了解到Ajax概念、HTTP请求概念、PHP简单语法、JSON数据格式、Ajax的原生和jQuery实现、跨域等知识，只需要一些时间，看似复杂的知识点，其实都是纸老虎，会被你一捅就破。您不但会了解Ajax的使用，而且会清楚Ajax的原理，并举一反三。