首页 > Web开发 > 详细

jQuery Ajax(六)

时间:2021-03-02 14:39:53      阅读:12      评论:0      收藏:0      [点我收藏+]

1.使用jQuery函数,实现Ajax请求的处理

1.使用三个函数就能实现Ajax请求的处理

2.函数:

  1.$.Ajax():jQuery中实现Ajax的核心函数

  2.$.get():使用get方式发送Ajax请求

  3.$.post():使用post方式发送Ajax请求

3.$.Ajax()函数的参数是一个json结构。

4.例如,$.ajax({名称:值,名称1:值......})
json结构参数说明:
    1.async:boolean类型的值,默认是true,表示异步请求的。可以省略。
    2.contentType:一个字符串,表示从浏览器发送到服务器参数的类型,可以不写。表示请求的参数是json格式的,contentType:application/json
    3.data:可以是字符串、数组、json,表示请求的参数和参数值,常用的是json。

 4.dataType:表示期望从服务器返回的数据格式,可选的有xml、html、text、json。
       当我们使用$.ajax()发送请求时,会把dataType的值发送给服务器,Servlet就能读取到dataType的值,就知道你的浏览器需要返回什么数据格式了。

 5.error:一个function,表示当请求发生错误时执行的函数。
      error:function(){"发生错误时执行"}

   6.success:一个function,表示请求成功了,从服务器返回的数据。

   7.url:请求的地址

   8.type:请求方式get/post,默认get方式
5.示例:

$.ajax({async:true,contentType:"application/json",data:{name:"jason",age:20},dataType:"json",error:function(){
         请求出现错误时执行的函数
     }
  },success:function(data){
    // data就是responseText,是jQuery处理后的数据
   },url:"bmiservlet",type:"get" );

6,常用的就是url、data、dataType、success这四个。

7.常用版本:

8.使用时别忘记导入jQuery资源:<script type="text/javascript" src="js/jquery-3.4.1.js"></script>

// 发送Ajax请求
$.ajax({
    url:"queryjson",
    data:{
        "proid":proid
    },
    dataType:"json",
    success:function(resp){
        alert(resp.name + "===" + resp.jiansheng)
    }
})  

jQuery Ajax(六)

原文:https://www.cnblogs.com/linxiaotian/p/14464404.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!