jquery发生ajax请求

给你一囗甜甜゛ 提交于 2020-02-21 12:41:21

底层封装
调用方法:$.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('地址','回调函数')
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!