<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 )
参数
参数 | 描述 |
---|---|
settings | Object类型一个对象,其中的每个属性表示需要更改默认设置的选项,属性值表示更改后的默认值。 |
关于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中文网其它相关文章!