jQuery中使用ajax

96 阅读1分钟
  1. options      AJAX 请求设置,所有选项都是可选的

  2. async          默认值: true。默认设置下,所有请求均为异步请求。如果需要发送同步请                         求,请将此选项设置为 false

  3. cache          默认值: true,dataType 为 script 和 jsonp 时默认为 false。设置为 false                         将不缓存此页面

  4. data            发送到服务器的数据

  5. dataType     预期服务器返回的数据类型

  6. error            请求失败时调用此函数

  7. success        请求成功后的回调函数

  8. jsonp            在一个 jsonp 请求中重写回调函数的名字

  9. jsonpCallback      为 jsonp 请求指定一个回调函数名

    $.get 方法 不需要传参 第一个是接口地址 第二个回调函数 */

    $.get('./login.txt',{name:'zhangsan',age:30},function(data){

                 let res = JSON.parse(data)
    
                 $('h1').html(`姓名:${res.name},${res.msg}`)
    
                 $('button').fadeOut('slow')
    
             })
    

    /* 需要传参 第一个是接口地址 第二个传输的数据 第三个是成功后的回调函数 */ $.get('./login.txt?name=zhangsan&age=30',function(data){

                 let res = JSON.parse(data)
    
                 $('h1').html(`姓名:${res.name},${res.msg}`)
    
                 $('button').fadeOut('slow')
    
             })
    

    /* .post有三个参数第一参数表示接口地址第二个参数表示传输的数据第三个参数表示成功后的回调函数/leturl="http://timemeetyou.com:8889/api/private/v1/login";.post有三个参数 第一参数表示接口地址 第二个参数表示传输的数据 第三个参数表示成功后的回调函数 */ let url = "http://timemeetyou.com:8889/api/private/v1/login"; .post(url,{username:'admin',password:'123456'},function(res){

                console.log(res);
    
            })