使用原生JS实现简单的ajax

Ajax是一种使用javascript内置对象向服务器发送请求/接收响应的技术。它可以再页面已经完全显示出来之后再和服务器进行少量的数据交互,所以可以实现局部内容的刷新。

ajax的实现,主要是靠javascript中的内置对象XMLHttpRequest。它可以向服务器发送请求并接收服务器的响应。

下面给给出两个简单的例子:

Get方式发送请求:

//浏览器端 var xhr = new XMLHttpRequest; xhr.open(\'get\', \'./bb.php?id=4\'); xhr.send(); xhr.onreadystatechange = function() { if(xhr.readyState == 4 && xhr.status == 200) //响应完成并且响应码为200 alert(xhr.responseText); }     //服务器端 //example.php <?php echo \'欢迎\' . $_GET[\'id\'];

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zgwdsy.html