//ajax请求函数function ajax(){ //兼容IE写法 考虑兼容性 //实例化请求对象 var xhr = window.XMLHttpRequest ? (new XMLHttpRequest()) : (new ActiveXObject('Mircosoft.XMLHTTP')); var src = './data.json'; //确定请求方式，路径，同步或者异步 //第三个参数默认为true,默认为异步 xhr.open('GET',src,true); //发送请求 xhr.send(); //监听请求状态 xhr.onreadystatechange = function(){ if(xhr.readyState === 4 && xhr.status === 200){ console.log(xhr.responseText); } } /* *注意* 如果为post请求，需要设置请求头为：(把content-type设置为表单提交类型) * xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded'); * post请求可在send方法里传参 如：xhr.send('name=abc'); * */ /* * form表单提交，也可以用formData对象来代替，当用formData来发送ajax请求时，就不需要设置请求头了 * 例如： var formData = new FormData(); * formData.append('name','123'); * 发送： xhr.send(formData); //直接把实力化的formData对象传进去 */ /* * setRequestHeader方法： * 1.设置请求头，同字段多次设置时，值会合并到一个字段中 * 2.必须在open和send方法执行顺序中间调用 * 3.默认的Accept字段的值为'星 / 星'，代表接收任何类型的内容 */ /* * getResponseHeader方法： * 1.获取响应头内容，参数接收响应头字段名，返回字段值； * 2.字段名忽略大小写； * 3.多个同名字段存在时，多个值以逗号 + 空格连成一个； * */}
转载于:https://www.cnblogs.com/Riona-C/p/9130644.html
相关资源：JAVA上百实例源码以及开源项目
