jquery是一个优秀的js框架,自然对js原生的ajax进行了封装,封装后的ajax的操 作方法更简洁,功能更强大,与ajax操作相关的jquery方法有如下几种,但开发中经常使用的有三种:
- $.get(url, [data], [callback], [type])
- $.post(url, [data], [callback], [type])
其中:
- url:代表请求的服务器端地址
- data:代表请求服务器端的数据(可以是key=value形式也可以是json格式)
- callback:表示服务器端成功响应所触发的函数(只有正常成功返回才执行)
- type:表示服务器端返回的数据类型(jquery会根据指定的类型自动类型转换);常用的返回类型:text、json、html等
- $.ajax( { option1:value1,option2:value2… } ); 常用的option有如下:
- async:是否异步,默认是true代表异步
- data:发送到服务器的参数,建议使用json格式
- dataType:服务器端返回的数据类型,常用text和json
- success:成功响应执行的函数,对应的类型是function类型
- type:请求方式,POST/GET
- url:请求服务器端地址
<script type="text/javascript">
function fn1() {
//get异步访问
$.get(
"/ajaxServlet",//url地址
{"name":"zhangsan","age":25},//请求参数
function (data) {//执行成功后的回调函数
alert(data);
},
"text"
);
}
function fn2() {
//post异步访问
$.post(
"/ajaxServlet",//url地址
{"name":"zhangsan","age":25},//请求参数
function (data) {//执行成功后的回调函数
alert(data);
},
"text"
);
}
</script>