-
jsonp： 1.作用：解决主流浏览器的跨域访问问题 2.特点：不支持post请求方式，只能支持get请求方式 3.使用方法： 实例：www.aaa.com页面跨域访问www.bbb.com页面 在www.aaa.cyemianom页面中： <script> function jsonp(json){ alert(json["name"]); } </script> <script src="http://www.bbb.com/jsonp.js"></script> 在www.bbb.com页面中： jsonp({"name:"jack","age":15}); 4.一般在jquery中的使用： $(document).ready(function(){ $.ajax({ type:"GET", url:"http://www.bbb.com/jsonp.php & name="+$("name").val(), dataType:"jsonp", jsonp:"cakkback123", success:function(data){}, error:function(jqXHR){} }); }); 在jsonp.php中，把callback123返回给前端，包括jsonp({data});查看全部
-
跨域请求： 定义：不同域名间的数据请求方式 一般url的组成： http://www.imooc.com:8080/video/6238 http:// 协议 www 子域名 imooc.com 主域名 loacalhost等同于127.0.0.1回环地址，本地调试使用 8080 端口号，默认80，可以省略 video/6238 文件资源路径 js基于安全方面考虑，有同源策略限制，不允许进行跨域调用其他页面的对象 同源策略：同一协议、同一子域名、同一主域名、同一端口号 非同源策略（跨域）：四个同一中任意一个不满足都不行查看全部
-
使用jquery实现ajax请求： 作用：避免兼容问题，代码简洁，操作快捷方便。 <script src="jquery1.11.3.js"></script> 1.get方式 $(document).ready(function(){ $.ajax({ type:"GET", url:"service.php?name="+$("#name").val()+"&age="+$("#age").val(), dataType:"json", success:function(data){ if(data.success){ $("#search").html(data.msg); }else{ $("#search").html("错误信息："+data.msg); } }, error:function(jqXHR){ alert("错误提示"+jqXHR.atatus); }); }); 2.post方式 $(document).ready(function(){ $.ajax({ type:"POST", url:"service.php", dataType:"json", data:{ name:$("#name").val(), age:$("#age").val() }, success:function(data){ if(data.success){ $("#search").html(data.msg); }else{ $("#search").html("错误信息："+data.msg); } }, error:function(jqXHR){ alert("错误提示"+jqXHR.atatus); }); });查看全部
-
一、json解析:json转对象=》 2种方法 1.eval() 2.JSON.parse() 实例： var jsonData='{ "data":[{"name":"a",age:1},{"name":"b",age:2},{"name":"c",age:3}] }'; 法一：var jsonObj=eval("("+jsonData+")"); alert(jsonObj.data[0].name);//a 法二：var jsonObj=JSON.parse(jsonData); alert(jsonObj.data[0].name);//a 两种方法比较： eval();不安全，如果json中有函数或js程序代码（alert或一个window.location.href()跳转链接病毒网站等），会优先执行代码，危险操作！！！ JSON.parse();对json文件具有校验功能，如果json文件里面有程序脚本，会解析报错。 建议使用第二种方法解析json文件！！！！ 二、常用的在线格式化和校验json文件工具： 网址：jsonlint.com查看全部
-
json: 定义：是js对象的表示法 作用：存储和交换文本信息的语法，类似xml，采用键值对形式组织 json数据书写格式：名称/值 eg: "name":"Jack" 名称必须加引号！！！ json值的类型： 数字：123，13.12 字符串："hello" 双引号内 逻辑值：false,true 数组：[1,2,3] 方括号内 对象:{"name":"zhangsan","age":15} 花括号内 null:没有值查看全部
-
1.get请求方法： document.getElementById("search").onclick=function(){ var xhr=new XMLHttpRequest(); xhr.open("GET","ajax.php?keyword="+document.getElementById("keyword").value); xhr.send(); xhr.onreadystatechange=function(){ if(readystate === 4){ if(status === 200){ document.getElementById("searchResult").innerHTML=xhr.responseText; }else{ alert("发生错误："+xhr.status); } } } }查看全部
-
2.post请求方法： document.getElementById("search").onclick=function(){ var xhr=new XMLHttpRequest(); xhr.open("POST","ajax.php"); var data="name="+document.getElementById("name").value+ "&age="+document.getElementById("age").value+ "&job="+document.getElementById("job").value+ "&sex="+document.getElementById("sex").value; xhr.RequestHeader("Content-Type","application/x-www-form-urlencoded"); xhr.send(data); xhr.onreadystatechange=function(){ if(readystate === 4){ if(status === 200){ document.getElementById("searchResult").innerHTML=xhr.responseText; }else{ alert("发生错误："+xhr,status); } } } }查看全部
-
php是一种创建动态交互性站点的服务器端脚本语言， php能够生成动态页面内容 php能够创建、打开、读取、写入、删除以及关闭服务器上的文件 php可以接收表单数据 php可以发送并取回cookies php能够添加删除修改数据库中的数据 php能够限制用户访问网站中的某些页面 兼容所有操作系统和web服务器。查看全部
-
跨域处理方法 代理 JSONP（只支持get方法） XHR2查看全部
-
对服务器端信息没有更改（如查询）使用GET方法，将参数添加到url后，对服务器信息有更改的操作使用POST（如新增）参数定义在变量data中，并通过SHR的send（）方法发送数据查看全部
-
通过XMLHTTPRequest对象实现AJAX，并解析相应的JSON消息查看全部
-
重要！ 通过JQuery实现AJAX，通过JQUery库大大简化了实现AJAX的程序查看全部
-
XMLHttpRequest取得响应查看全部
-
基本格式查看全部
-
例子1 做一些事情：获取的是服务器处理过的信息 显示在页面上查看全部
举报
0/150
提交
取消