1.get方法
$.get(url[,data][,callback][,type])
1.url : 异步请求的地址,字符串
2.data : 请求提交的数据,可以省略
1.可以是字符串:“name1=value&name2=value2”
2.也可以是json对象
{
“name1”:“value1”,
“name2”:“value2”
}
3.callback : 匿名函数,请求完成后要执行的操作,可以省略
function(resText){
resText:表示的是响应回来的数据
}
4.type : 响应回来的数据的类型,这个要加引号
1.html : 响应的文本是html文本,不写则默认为html,字符串格式
2.text : 响应的文本是普通文本
3.json : 响应回来的数据时JSON对象
示例:
<script>
$(function(){
$("#btnClick").click(function(){
//$.get(url,data,callback,type)
$.get('/02-get',function(resText){
$.each(resText,function(i,obj){
console.log("用户名称:"+obj.uname);
console.log("电子邮件:"+obj.uemail);
});
},'json');
});
});
</script>
2.post方法:
$.post(url [,data] [,callback] [,type])
使用方法与get一致
3.$.ajax():自定义所有的请求参数,向服务器端发送请求
get和post只能异步,需要同步时必须要使用此方法
$.ajax(JSON)
JSON中允许包含的属性:
1.url : 字符串,表示请求地址
2.type : 字符串,表示请求方式 ‘get’ 或 ‘post’
3.data : 传递到服务器端的请求参数
1.可以是字符串: “name=wangwc&age=18”
2.可以是JSON
{
“name”:“wangwc”,
“age”:18
}
4.async : 是否使用异步方式发送请求
true : 使用异步方式
false: 使用同步方式
5.dataType : 字符串,响应回来的数据格式
1.‘html’
2.‘text’
3.‘json’
4.‘script’
5.‘jsonp’ : 跨域时需要使用,json with padding(被包裹的json数据)
6.success : 回调函数,请求和响应成功时的回调函数
7.error : 回调函数,请求或响应失败时的回调函数
8.beforeSend : 回调函数,发送ajax请求之前要执行的操作,如果返回 true,则继续发送请求,返回false 则终止请求的发送
示例:
$("#btnJQ").click(function(){
$.ajax({
"url":"http://127.0.0.1:5000/05-server",
"type":"get",
"dataType":"jsonp",
"success":function(data){
alert("响应回来的数据:"+data);
}
});
});