慕课网

精品课程 Ajax全接触

Ajax全接触

最热最新

kingry

<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); } }); }); });

查看全部

2 采集收起来源：jQuery中的AJAX
2018-03-22
kingry 01:44

用jQuery实现Ajax

查看全部

0 采集收起来源：jQuery中的AJAX
2015-08-19
kingry

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>

查看全部

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

客户端也要改造 <script> document,getElementById("search").onclick = function(){ //发送Ajax查询请求并处理 var request = new XMLHttpRequest(); request.open("GET","service.php?number="+document.getElementById("keyword").value); request.send(); //监听事件 request.onreadystatechange = function(){ if(request.readyState===4）{ if (request.status===200){ var data=JSON.parse(request.responseText); if(data.success){ document.getElementById("searchResult").innerHTML=data.msg; }else{ document.getElementById("searchResult").innerHTML="出现错误:"+data.msg; } }else{ alert("发生错误："+request.status); } } } }

查看全部

0 采集收起来源：json解析、格式化和校验工具
2018-03-22
后青春的诗灬

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 }

查看全部

0 采集收起来源：Ajax-XMLHttpRequest对象创建
2018-03-22
后青春的诗灬

实现Ajax 运用HTML和CSS来实现页面，表达信息；运用XMLHttpRequest和web服务器进行数据的异步交换；运用JavaScript操作DOM，实现动态局部刷新；

查看全部

0 采集收起来源：Ajax-同步和异步
2015-08-19
kingry

function create(){ //判断信息是否填写完全 if(!isset($_POST["name"]) || empty($_POST["name"]) ||!isset($_POST["nubmer"]) || empty($_POST["nubmer"]) ||!isset($_POST["sex"]) || empty($_POST["sex"]) ||!isset($_POST["job"]) || empty($_POST["job"])) { echo '{"success";false,"msg":"参数错误，员工信息填写不全"}'; return; } //TODO:获取POST表单数据并保存到数据库 //提示保存成功 echo '{"success":true,"msg":"员工：".$_POST["name"]."信息保存成功！"}'; } ?>

查看全部

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

{ "success": true, "msg": "xxx", } 格式约定后的改造 <?php //1，首先设置 header("Content-Type:application/json;charset=utf-8"); //2，所有返回值采用约定方式 $arr = array( array("name" => "tom", "number" => "101","sex" => "男","job" => "演员"), array("name" => "jack", "number" => "102","sex" => "男","job" => "经理"), array("name" => "mary", "number" => "103","sex" => "女","job" => "歌手"), ); if(!isset($_GET["number"]) || empty($_GET["number"])){ echo '{"success":false,"msg":"参数错误"}'; return; } global $staff $number = $_GET["number"]; $result ='{"success":false,"msg":"没有找到员工。"}'; foreach($staff as $value){ if($value["number"] == $number){ $result ='{ "success":true,"msg":"找到员工：员工编号：'.$value["number"]. ',员工姓名：'.$value["name"]. ',员工性别：'.$value["sex"]. ',员工职位：".$value["job"].'"}'; break; } } echo $result; }

查看全部

0 采集收起来源：json解析、格式化和校验工具
2018-03-22
kingry 01:58

json解析的方法有两种：eval()和parse()方法

查看全部

0 采集收起来源：json解析、格式化和校验工具
2015-08-19
HL222

Xmmp配置

查看全部

0 采集收起来源：Ajax-例子简介
2015-08-19
kingry 00:10

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
kingry 03:57

JSON语法规则

查看全部

0 采集收起来源：json基本概念
2015-08-19
kingry 02:34

JSON语法规则

查看全部

0 采集收起来源：json基本概念
2015-08-19
梧桐_细雨

几种不同情况的跨域： 1.主域名不同； 2.子域名不同； 3.端口号不同； 4.协议不同；

查看全部

0 采集收起来源：处理跨域方式--代理
2015-08-19
梧桐_细雨 03:56

几种跨域的跨域： 1.主域名不同； 2.子域名不同； 3.端口号不同； 4.协议不同；

查看全部

0 采集收起来源：处理跨域方式--代理
2015-08-19

首页上一页 710 711 712 713 714 715 716 下一页尾页

0/150

提交

取消

该课程已下架

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

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