ajax

1.ajax技术:也是和浏览器一样的,发送http请求,接收服务器返回来的数据,浏览器是自动处理接收,ajax需要我们写代码接收
2.我们所使用的ajax技术,实际是操作ajax对象,js对象xhr.属性/方法,php对象->属性/方法,PHP是用->,js用.
3.使用ajax的步骤:
1)创建ajax对象: var xhr= new XMLHttpRequest();
2)创建http请求: xhr.open('get/post','./03.php');
3)发送请求 xhr.send(null); 如果是get的话,就null,因为参数直接写在03.php?.....,是post,就传参数据
4)设置事件,感知readyState状态变化,进而获取服务器返回信息,服务器如何返回信息呢?只要echo就可以,和浏览器一样
xhr.onreadystatechange =function(){
if(xhr.readyState==4){//readyState是ajax的状态,==4时,是服务器数据返回完成的状态
alert(xhr.responseText);
//responseText是装载服务器返回信息的ajax属性,以字符串形式接收服务器端返回的信息
}
}
4.js对 URI编码 encodeURIComponent();
5 php 对URI编码 urlencode()/urldecode(); 
6.ajax post方式发送请求时,send(‘name=xiaoming&age=20’);参数也是字符串形式,同时因为ajax的post方式传递数据是
模拟form表单方式传递数据,form表单的数据实际是组织为XMl格式传递给服务器端的,因此在此之前,open方法之后,要增加
//给ajax设置http头协议,把传递的post数据组织为XMl格式
xhr.setRequestHeader(“content-type”,"application/x-www-form-urlencoded")


json在JavaScript里边就是字面量对象
var obj={名称:值,名称:值,。。。。。。。}
Jquery中各Ajax函数
$.get(),$.post(),$.ajax(),$getJSON()
一.$.get(url,[data],[callback])
说明:url为请求地址,data为请求数据的列表(可选的,也可以将要传的参数写在URL里面),callback为请求
成功后的回调函数,该函数会接收服务器返回的字符串数据,(也是可选的)。
二.$.post(url,[data],[callback],[type])
说明:这个函数跟$.get()参数差不多,多了一个type参数,type为返回的数据类型,可以是html,xml,json等类型,没有设置type
默认为字符串
alert():这个函数打印不出object,console.log():可以打印一切
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值