-
XMLHttpRequest对象 后台与服务器交换数据 部分更新 ajax技术实现条件: -运用HTML和CSS来实现页面,表达信息 -运用XMLHttpRequest和web服务器进行数据的异步交换 -运用JavaScript操作DOM,实现动态局部刷新查看全部
-
异步概念查看全部
-
同步概念查看全部
-
Ajax的全称:Asynchronous Javascript and XML(异步的javascript和xml),是一种在无需重新加载整个页面的情况下能够更新部分网页的技术.查看全部
-
JQuery使用ajax发送POST请求样例:查看全部
-
JQuery使用ajax发送GET请求样例:查看全部
-
专注的前端工程师 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); } }); }); });查看全部
-
readystate属性查看全部
-
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给我们带来的好处。查看全部
-
get请求是幂等的 就是使用一次和使用一万次效果是一样的。get方法是安全的查看全部
-
http响应查看全部
-
get请求 post请求查看全部
-
http请求四部分组成查看全部
-
http请求 过程查看全部
-
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
提交
取消