1.运行Ajax的环境,在服务器上才可以实现他的功能,客户端等别的地方,虽然也可以运行,但是功能一定是不全的,有可能很多东西都不会发生反应;
2.传参 (只写关键步骤) (必须在服务器上运行)
get (看得见,传输数据小)
xml.open("get","01.php?name=zhang",true)
php上 echo $_GET['name']
post (看不见,传输数据大)
xmlhttp.open("post","02.php",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send("age=123456");
php上 echo $_POST['age']
跨域Ajax的处理
javascript有同源策略的限制,只要不在同一域名,端口,协议,就会出现同源报错
所以我们要通过script标签中的src属性去解决这个问题,src会自动去外部寻找资源,(超Ajax的存在)将匹配到的资源进行处理
注意两种情况:
1.别人的接口:这种方式,首先要看别人有没有提供这样的接口,供我们去进行数据的处理 (关键字,cb或callback=fn)(这里的fn是自己要处理的函数名)
2.自己的接口:这种方式,我们要在js文件中写一个函数名,将里面改的数据包住,(这样写就相当于自己写的接口)
我们要进行函数处理,要把我们处理的函数写前面,把接口写后面
jQuery中Ajax的处理
jQuery中Ajax的处理的方法 $.ajax()
他的里面有几个参数
type:"get" (传递的方式get或post);
url:"01.php" (传递的地址);
async:true (同步或异步);
data:{"name":"zhang"} (传的的数据);
dataType:"jsonp" (跨域的处理);
jsonp:"cb/callback" (别人接口数据处理的函数名);
jsonpcallback:"fn" (自己接口数据处理的函数名)
success:function(data){
console.log(data) (当可以跟后台交互时,后台向你提供的数据)
}
err:function() (当发生错误时,报错的函数)