Ajax请求完整实例

 <html>
<head>
<title>AJAX实例</title>
<script language="javascript" type="text/javascript">   function ajaxHttpRequestFunc(){let xmlHttpRequest;  // 创建XMLHttpRequest对象，即一个用于保存异步调用对象的变量if(window.ActiveXObject){ // IE浏览器的创建方式xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");}else if(window.XMLHttpRequest){ // Netscape浏览器中的创建方式xmlHttpRequest = new XMLHttpRequest();}xmlHttpRequest.onreadystatechange=function(){ // 设置响应http请求状态变化的事件console.log('请求过程', xmlHttpRequest.readyState);if(xmlHttpRequest.readyState == 4){ // 判断异步调用是否成功,若成功开始局部更新数据console.log('状态码为', xmlHttpRequest.status);if(xmlHttpRequest.status == 200) {console.log('异步调用返回的数据为：', xmlHttpRequest .responseText);document.getElementById("myDiv").innerHTML = xmlHttpRequest .responseText; // 局部刷新数据到页面} else { // 如果异步调用未成功,弹出警告框,并显示错误状态码alert("error:HTTP状态码为:"+xmlHttpRequest.status);}}}xmlHttpRequest.open("GET","https://www.runoob.com/try/ajax/ajax_info.txt",true); // 创建http请求，并指定请求得方法（get）、url（https://www.runoob.com/try/ajax/ajax_info.txt）以及验证信息xmlHttpRequest.send(null); // 发送请求}
</script>
</head>
<body><div id="myDiv">原数`在这里插入代码片`据</div><input type = "button" value = "更新数据" onclick = "ajaxHttpRequestFunc()">
</body>
</html>

Ajax请求完整实例相关推荐

html怎么写分页ajax,js实现ajax分页完整实例
本文实例讲述了js实现ajax分页的方法.分享给大家供大家参考,具体如下: /p> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition ...
xhr如何发送post请求_ajax-如何发送ajax请求
什么是ajax? Asynchronous JavaScript and XML 也就是异步的JavaScript和XML ajax的使用场景前台获取数据表单失焦验证我们需要了解post和get ...
如何用ajax做登录页面,ajax如何制作登录页面？登录页面ajax的请求详解（附完整实例）...
本篇文章主要的讲述了关于ajax登录页面时ajax请求的内容,现在我们一起来看看这篇文章吧登录页面ajax请求一.登录验证提示信息//提交登录信息sub.on('click',function(e ...
php 请求拦截,解决拦截器对ajax请求的拦截实例详解
解决拦截器对ajax请求的的拦截拦截器配置:public boolean preHandle(HttpServletRequest request, HttpServletResponse resp ...
ajax请求的完整步骤
AJAX = 异步JavaScript和XML,可以使网页实现异步更新,达到局部更新的目的. 一.AJAX请求步骤如下: 1.创建XMLHttpRequest对象 var xhr; if(window ...
angluar ajax实例,Angular服务Request异步请求的实例讲解
首先这里我简单写个例子来方便您的理解 var request = { post: function() { var errorCallback = { error: function(f) { thi ...
java ajax实现分页代码,jQuery实现分页功能（含ajax请求、后台数据、附完整demo）...
需求分析 1)需要首页,末页功能 2)有点击查看上一页,下一页功能 3)页码到当前可视页码最后一页刷新页面实现思路也是分为三部分处理 1)点击首页,末页直接显示第一页或者最后一页内容,当前页面为第 ...
ajax mysql点赞_php+mysql结合Ajax实现点赞功能完整实例
php+mysql结合Ajax实现点赞功能完整实例 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 // ...
html ajax提交表单实例,jQuery使用$.ajax提交表单完整实例
本文实例讲述了jQuery使用$.ajax提交表单的方法.分享给大家供大家参考,具体如下: 首先,新建Login.html页面: /p> "http://www.w3.org/TR/x ...

Ajax请求完整实例

Ajax请求完整实例相关推荐

最新文章

热门文章