jQuery中的Ajax------07

目录

一: ajax的底层实现

二: ajax的高级实现

---

一: ajax的底层实现

jQuery.ajax(options) === $.ajax

参数说明：

options：要求该参数为一个json对象

async ：是否异步 ，默认为true

cache ：缓存，bool类型，true：缓存，false：不缓存，默认为true

complete ：当ajax状态码为4时，所触发的回调函数

contentType ：设置请求头信息

data ：ajax发送时，所传递的参数，要求是一个字符串

dataType ：期待的返回值类型，text,xml,json，默认为text

success ：当ajax状态为4且http响应状态码为200所触发的回调函数

type ：ajax发送的请求类型：get,post

url ：请求的url地址

eg:

<script type="text/javascript">

$(function(){

$('button').click(function(){

//触发Ajax

var name=$('input:eq(0)').val();

//ajax里面的对象要求是json格式

$.ajax({

//data数据里面的参数也是一个json格式

data:{'name':name}, //数据格式是json格式,多个值后面加逗号接着写就可以了

//成功是触发的回调函数,返回的值msg,默认的返回值是text格式

success:function(msg){

alert(msg);

},

//请求的url地址

url:'jquery_ajax01.php',//服务器的地址

//发送类型,请求方式

type:'post' //类型有get,post,里面更改不影响结果

});

});

});

</script>

 

二: ajax的高级实现

 

=> jQuery.get(url,[data],[callback],[type]) ：模拟ajax的get请求

=> jQuery.post(url,[data],[callback],[type]) ：模拟ajax的post请求

参数说明：

url：要请求的url地址

[data]：要发送的数据，要求该参数为json对象

[callback]：当ajax状态码为4且http响应状态码为200时，所触发的回调函数

[type]：期待的返回值类型，text,xml,json

eg:

<script type="text/javascript">

$(function(){

$('button').click(function(){

var url='jquery_Ajax03.php';

var name = $('input').val();

var data={'name':name};//json格式的数据,第一个nane可以不加引号,第二个为变量,不能加引号,加了就是字符串

$.post(url,data,function(msg){

alert(msg);

},'json');//text可以不写,默认值,json格式数据必须写

});

});

</script>