AJAX异步请求

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);
      }
    });
  }); 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值