接口获取信息ajax方法认证实例

 

<html>

<head>

<meta charset="utf-8" />

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<title>Page Title</title>

<meta name="viewport" content="width=device-width, initial-scale=1">

<script src="./jquery-1.8.3.js"></script>

<script src="./jquery-2.0.3.js"></script>

</head>

<body>

    <div id="send">

        <button>按钮</button>

    </div>

<script type="text/javascript">

//认证部分

$.ajaxSetup({

headers: { // 默认添加请求头

"Authorization": "Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiIsImp0aSI6ImQ4N2YzZjE0YjA1ZDIwZDBkMWQ1NDVmOTY3OThkZTEyOWMxODRiODdmZWU4NDI4OWU0M2ViYTAwZjIwOGU2ODRhNWZlY2MwMzUxYjhkYTI1In0.eyJhdWQiOiIyIiwianRpIjoiZDg3ZjNmMTRiMDVkMjBkMGQxZDU0NWY5Njc5OGRlMTI5YzE4NGI4N2ZlZTg0Mjg5ZTQzZWJhMDBmMjA4ZTY4NGE1ZmVjYzAzNTFiOGRhMjUiLCJpYXQiOjE1NDEzODQyMDEsIm5iZiI6MTU0MTM4NDIwMSwiZXhwIjoxNTcyOTIwMjAxLCJzdWIiOiIzIiwic2NvcGVzIjpbIioiXX0.kUbJFRbEX2Xo2IkbUtduDQiGyQQ4CsX6v6GIbmyddXdBVmkXgNLs1L87WdhEKAiSSoInF3E67ldf1nKY9aZoOZEyXaRi2o7o4fmAek-y0aG37LDI3vWrhwoUKoqkjxTfE9aX4jLUFj9FdRlUHAe6VvKc3JbPVpzn4Kk2zjy856wi_WqV_nQkaJxCWPk6FNl0UL83yFgBK1bW1DGHe7-hPHWIkxdtJnkCxAareI_Y5lm91fRaNEWqVyCpODclY7vvz7urJ-EhRFBY21rw04Wwm--exrYtO04SUuwHkbbEbVLx9Koc94PfdSAR38-do_LR-7_uMA3i1fekCWvPG0GlDRTiDaxgr0RlCZhUhwOLXSKxGXPsuCYtwZixIQIc7YTuM0PJ-cdPdlyCXLUF-m8xBCqgg40ikpe4T6d23TLX-31KpBJToTJguHkoo0Pk54UPyR06xBcTqC-lnPXxOtZzMVsByaS68LTwEpN2peS085aE-mqd1NLqJU1pNHtvPUIFan0TtKMA7wubE2j-IlQpMsv-oFvKm8RRktXIVtf8CjMPePqCi4op9W7KvqqqpMymI2VDkoL9cfx8D72CDKf0izES-FKXgvyGwODWfpHoaAaP6yfaNzNYB6hXJJij4TO4kWVlSRMISx73J7XWtme_sqikiNgH_Gkw4yRrg-7_wBY",

}

});

//认证部分

$('button').click(function () {

         $.ajax({

         type : "GET",

         url : "http://127.0.0.1:8085/api/me",

         dataType : "json",

         success : function (data) {

console.log(data)

             // $.each(data, function (i, item) {

// $("<img class='para'/> ").attr("src", item.name).appendTo("#send");

// });

         },

error: function (date){

console.log(date)

}

 

         });

        });

 

</script>

 

</body>

</html>

转载地址  http://www.php.cn/js-tutorial-372312.html

AJAX请求 $.ajaxSetup方法的使用

jQuery.ajaxSetup()函数用于设置AJAX的全局默认设置

 

该函数用于更改jQuery中AJAX请求的默认设置选项。之后执行的所有AJAX请求,如果对应的选项参数没有设置,将使用更改后的默认设置。

该函数属于全局jQuery对象。

语法

jQuery 1.1 新增该静态函数。

jQuery.ajaxSetup( settings )

参数

参数描述
settingsObject类型一个对象,其中的每个属性表示需要更改默认设置的选项,属性值表示更改后的默认值。

关于settings参数可以识别的属性,请参考jQuery.ajax()中的settings参数说明。其中的所有选项参数都是可选设置的。

返回值

jQuery.ajaxSetup()函数没有返回值,或者说其返回值为undefined

示例&说明

以下是与jQuery.ajaxSetup()函数相关的jQuery示例代码,以演示jQuery.ajaxSetup()函数的具体用法:

//设置AJAX的全局默认选项
$.ajaxSetup( {
    url: "/index.html" , // 默认URL
    aysnc: false , // 默认同步加载
    type: "POST" , // 默认使用POST方式
    headers: { // 默认添加请求头
        "Author": "CodePlayer" ,
        "Powered-By": "CodePlayer"
    } ,
    error: function(jqXHR, textStatus, errorMsg){ // 出错时默认的处理函数
        // jqXHR 是经过jQuery封装的XMLHttpRequest对象
        // textStatus 可能为: null、"timeout"、"error"、"abort"或"parsererror"
        // errorMsg 可能为: "Not Found"、"Internal Server Error"等

        // 提示形如:发送AJAX请求到"/index.html"时出错[404]:Not Found
        alert( '发送AJAX请求到"' + this.url + '"时出错[' + jqXHR.status + ']:' + errorMsg );        
    }
} );


// 未设置任何参数,但url、async、type、headers、error等参数的默认值均已被$.ajaxSetup()更改(如上)
$.ajax( );


// 设置了url、type、success、error,就使用自己设置的参数值
// 但async、headers等参数的默认值已被$.ajaxSetup()更改
$.ajax( {
    url: "myurl.php?action=list" ,
    type: "GET" ,
    success: function( data, textStatus, jqXHR ){
        alert("返回数据:" + data);
    } ,
    error: function(jqXHR, textStatus, errorMsg){
        alert("自己的error!");        
    }
});

// 上述$.ajaxSetup()的默认设置对$.get()、$.post()、load()、$.getJSON()、$.getScript()等AJAX函数也生效
// 因为这些函数也是在内部调用$.ajax()函数来实现的,只不过它们在内部都设置了一些参数


// $.get()在内部调用$.ajax()时已设置type为"GET",因此仍然使用GET方式。
// 但url、async、headers、error等参数的默认值已被$.ajaxSetup()更改
$.get( );


// $.post()在内部调用$.ajax()时已设置type为"POST",因此仍然使用POST方式。
// url也被设置为"user/action.php?method=addUser"
// 但async、headers、error等参数的默认值已被$.ajaxSetup()更改
$.post( "user/action.php?method=addUser" );

以上就是AJAX请求 $.ajaxSetup方法的使用的详细内容,更多请关注php中文网其它相关文章!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值