jQuery中的Ajax

最新推荐文章于 2024-03-13 07:00:00 发布

weixin_45955339

最新推荐文章于 2024-03-13 07:00:00 发布

阅读量88

点赞数

本文链接：https://blog.csdn.net/weixin_45955339/article/details/107682164

版权

通过HTTP请求加载远程数据
jQuery底层Ajax实现。简单易用的高层实现$.get $. p o s t 等。$ .ajax()返回其创建的XMLHttpRequest对象，最简单情况下，$.ajax()可以不带任何参数直接使用
jsonp跨域

  $.ajax({
            method: "get",
            url: "",
            data: {},
            dataType: "jsonp",
            jsonpCallback: "getData",
            beforeSend: function() {

                //return false; //终止ajax 请求
            },
            success: function(res) {
                //请求成功执行的回调函数
            },
            error: function(err) {
                //请求失败
            },
            complete: function() {
                //请求完成
            },
            timeout: 2000,
            async: true
        });

dataType属性设置为jsonp 就是jsonp跨域请求
cros 跨域
需要在后端配置跨域

$.ajax({
             method:"get",
             data:{user:'maodou123',pwd:"abc123"},
             url:"http://127.0.0.1:8000/",
             beforeSend:function (){
                 // 这个里面可以写拦截器
             },
             headers:{
                 //前端  在header  设置api  检验
                 "user":"base",
                 "pwd":"12345"
             },
             statusCode:{
                 200:function (){
                     console.log("响应成功");
                 },
                 404:function (){
                     console.log("页面丢失");
                 },
                 500:function (){
                     console.log("服务器响应报错");
                 }
             },
             success:function (res){
                 console.log(res);
             },
             error:function (err){
                 console.log(err);
             },
             complete:function (){
                 console.log("请求完成");
             },
             timeout:1500,
             async:true
         });