首页 前端知识 jQuery_10 jQuery中的网路请求(AJAX)

jQuery_10 jQuery中的网路请求(AJAX)

2024-02-20 10:02:36 前端知识 前端哥 589 261 我要收藏

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");
转载请注明出处或者链接地址:https://www.qianduange.cn//article/2372.html
标签
ajax
评论
会员中心 联系我 留言建议 回顶部
复制成功!