jQuery中如何使用网络请求呢?
使用jQuery提供的函数实现ajax请求的处理 代替直接使用xmlhttprequest对象 但是jQuery实际上还是使用的异步对象,其实就是简化了步骤,但是根源是一样的
1.$.ajax()
1.$.ajax({
url:请求的地址, // 必须的
type:请求的方式, // get post 默认为get(不填)
data:请求的参数, // 可选的
dataType:响应的数据类型, // html,text,xml,json 发起请求后 希望服务器端返回的数据格式 默认为text jQuery会尝试使用对应的格式来处理返回的数据 比如你指定的是json格式 表示希望服务器端返回的是json格式的数据 那么jQuery会自动将服务器端返回的json格式的数据转换为json对象 服务器端可以获取到dataType内容的,可以根据这个内容来返回对应的数据格式 最常用的是json
success:请求成功的回调函数, 当服务器端返回了数据 jquery处理完这个数据后 会执行这个函数 等同于异步都西昂 readyState=4 status=200的情况 例如success:function(data){} data就是服务器端返回的数据 data是自定义的形参 相当于 data = xhr.responseText
error:请求失败的回调函数 当请求错误的时候 执行这个函数 error:function(){alert("网络请求错误")} xhr就是xmlhttprequest对象
contentType:请求头的类型 默认为application/x-www-form-urlencoded 一般不用设置
async :是否异步 默认为true 一般不用设置 如果设置为false 那么就是同步请求 同步请求的时候 会阻塞浏览器的其他操作 一般不用设置
})
$.ajax({
url:"http://localhost:8080/JavaWebBase/ServletDemo1",
type:"get",
data:{"username":"zhangsan","password":"123456"},
dataType:"text",
success:function(data){
alert(data);
},
error:function(){
alert("网络请求错误");
}
})
2.$.get()
2.$.get(url,data,success(data,textStatus,xhr),dataType)
url:请求的地址
data:请求的参数
success:请求成功的回调函数
dataType:响应的数据类型
$.get("http://localhost:8080/JavaWebBase/ServletDemo1",{"username":"zhangsan","password":"123456"},function(data){
alert(data);
},"text");
3.$.post()
2.$.post(url,data,success(data,textStatus,xhr),dataType)
url:请求的地址
data:请求的参数
success:请求成功的回调函数
dataType:响应的数据类型
$.post("http://localhost:8080/JavaWebBase/ServletDemo1",{"username":"zhangsan","password":"123456"},function(data){
alert(data);
},"text");