JQuery · 开发笔记

## 简介 jQuery 是一个 JavaScript 库。 jQuery 极大地简化了 JavaScript 编程。jQuery 很容易学习。 ### ajax请求添加自定义header参数 ~~~ 第一种，实用原生js var ajax = new XMLHttpRequest(); ajax.open('post','05.php',true); ajax.setRequestHeader('content-type','application/x-www-form-urlencoded'); ajax.send('name=小花猫&say=喵喵喵~~'); ajax.onreadystatechange = function(){ if(ajax.readyState==4 && ajax.status==200){ console.log(ajax.responseText); } } 第二种，使用jQuery ajax <html> <head></head> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> <script> $(function() { // 整个html加载完了才执行，等同于$(document).ready(function() { $.ajax({ url: 'http://toutiao-ali.juheapi.com/toutiao/index', type: 'get', headers: { // 方式1 'authorization' : 'xxx' }, data : {}, dataType : 'json', beforeSend: function(xhr) { // 方式2 xhr.setRequestHeader("User-Agent", "headertest"); // 这里的User-Agent需要服务器端脚本设置允许 // 携带该字段，以PHP为例，参考PHP笔记 }, success : function(msg){ console.log(msg); }, error : function(err){ alert('通信失败'); } }); }); </script> <body></body> </html> ~~~