jquery发生ajax请求

底层封装
调用方法:$.ajax({})
常用参数
async:异步与同步(true/false(默认true异步))
type:请求方式http(默认get)
url:请求地址
success:回调函数
dataType:服务器返回的数据类型(text/xml/json)
Cache:是否缓存(true/false()),默认缓存
contentType:发生请求时的内容编码类型(application/x-www-form-urlencoded)
Data:字符串,发生请求的数据

$.ajax({
    url:'1.php',
    type:'get',
    async:'true',
    dataType:'json',
    success:function(msg){
        console.log(msg)
        //自动将json数据转换为js对象
    }
    

})

2.ajax高层封装(只能发送异步请求)
2.1$.get(地址,回调函数,返回数据类型)
2.2$.post('地址',{id:1,name:34},回调函数,返回数据类型)

跨域(没有post请求)
通过jsonp
在域名下通过js获取另一个域名下的资源
1.底层封装的jsonp跨域请求技术

 $.ajax({
	url:'http://www.jsonp.com/?callback=?',
	//callback=回调函数
	dataType:'jsonp',
	success:function(msf){
		  console.log(msf)
	}
})
<?php
$arr = ['name'=>'tzh'];
$str = json_encode($arr);
echo $_GET['callback']."($str)";

2.高层封装

 $.get('http://www?callback=?',function,jsonp)

3.jq专门的跨域请求

 $.getJSON('地址','回调函数')
发布了58 篇原创文章 · 获赞 1 · 访问量 2163

猜你喜欢

转载自blog.csdn.net/weixin_45143481/article/details/104420731