ajax的基础:XMLHttpRequest对象

1、XMLHttpRequest 用于在后台与服务器交换数据,是实现ajax请求的核心对象,创建XMLHttpRequest的方式(考虑浏览器兼容性):

var xmlhttp;
    if(window.XMLHttpRequest){// code for IE7+,Firefox,Chrome,Opera,Safari
        xmlhttp=new XMLHttpRequest();
    }else{// code for IE6,IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }

2、XMLHttpRequest对象的方法、向服务器发送请求的方式

方法


发送请求方式:get请求和post请求

get请求:
                xmlhttp.open("GET","demo_get2.asp?fname=Bill&lname=Gates",true);
                xmlhttp.send();


                post请求:
                xmlhttp.open("POST","ajax_test.asp",true);
                xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
                xmlhttp.send("fname=Bill&lname=Gates");

3、XMLHttpRequest对象的属性、对服务的响应
属性有:

通过属性变化,获取服务器的响应数据:

相关文章

JS原生Ajax操作(XMLHttpRequest) GET请求 POST请求 兼容性问题 利用iframe模拟ajax 实现表单提交的返回...
AJAX 每日更新前端基础,如果觉得不错,点个star吧 😃 https://github.com/WindrunnerMax/E...
踩坑Axios提交form表单几种格式 前后端分离的开发前后端, 前端使用的vue,后端的安全模块使用的SpringSe...
很早就听闻ajax的名声,但是却一直不知道怎么用,今天自己捣鼓了一下,竟然会用了,哈哈哈哈。 为了防止...
需要在服务器上进行哈 jquery的ajax方法: // jquery请求 $.ajax({ url: "./server/slider.js...
Ajax函数封装ajax.js // Get / Post // 参数 get post // 是否异步 // 如何处理响应数据 // URL // var...