首页 > 技术文章 > jquery异步查询

gxh299988 2021-04-05 22:47 原文

什么是异步

非异步:浏览器发送一个请求,整个页面都在等待服务器响应,等到服务器返回数据后,才能进行下一步操作,如果某个数据填写有误,也会刷新整个页面让重新填写

异步:浏览器发送一个请求,不用一直等待服务器响应也能进行其他操作,因为是局部刷新,就算发送的某个数据发生错误,也不会整个页面进行刷新(就像注册用户时,输入名字后会用ajax判断用户名是否存在,然会在输入框后面提示是否合格)

$.ajax

$.ajax({
            url: 'http://api.com',
            type: 'get',//get/post
            dataType: 'json',//html/text/json/script/xml等
            async: true,//是否异步
            success(response) {//回调函数,成功取得数据后的处理
             	...
            },
            error(err) {//回调函数,发生错误
                console.log(err.status)
            }
        })
//状态码 4开头异常和前端有关,5开头和后端有关,2开头没异常
	400:数据格式异常
	404:找不到路径
    405:请求类型异常
    500:服务器异常
        

$.get(url,data,func,dataType)

$.get('http://api.com',{
    {name:'han',age:21},//发送的数据
     function(datas){//回调函数
    	...
	},
     'json'
})

$.post(url,data,func,dataType)

$.get('http://api.com',{
    {name:'han',age:21},//发送的数据
     function(datas){//回调函数
    	...
	},
     'json'
})

$get和$post主要区别时发送请求不同,一个是get,一个post请求

推荐阅读