1.了解jQuery中的Ajax
在浏览器中提供了XMLHttpRequest用法比较复杂,因此jQuery对XMLHttpRequest进行了封装,提供了一系列Ajax相关的函数,降低了Ajax的使用难度,提高了工作中的工作效率
2.$.get()函数
1.jQuery中的$.get()函数专门用来发起get请求,从而将服务器上的资源请求到客服端进行使用
$.get()函数的语法格式
$.get(url,[data],[callback])
url:要请求的资源地址
data:请求资源期间要携带的参数(可选)
callback:请求成功时的回调函数
2.1使用$.get()发起不带参数的请求
2.1使用$.get()发起带参数的请求
3.$.post()函数
1.jQuery中的$.post()函数专门用来发起post请求,从而向服务器提交数据
$.post()函数的语法格式
$.post(url,[data],[callback])
url:要请求的资源地址
data:请求资源期间要携带的参数(可选)
callback:请求成功时的回调函数
2.使用$.post()向服务器提交数据
3.$.ajax()
1.于$.get()和$.post()函数,jQuery中提供的$.ajax()函数,是一个功能比较综合的函数,它允许我们对Ajax请求进行更详细的配置
$.ajax()函数的语法格式
$.ajax({
type:'',//请求的方式例如GET或POST(get或post大小写都可以建议在实际开发中使用大写)
url:'',//请求的URL地址
data:{},//这次请求所携带的数据
success:function(res){}//请求成功之后的回调函数
})
2.1使用$.ajax()发起GET请求
2.1使用$.ajax()发起POST请求