通过Ajax异步请求数据

通过XMLHttpRequest对象的send()方法实现

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><!-- 提交表单，会向服务器发送数据 --><!-- GET方式的请求数据添加在url中 多个数据中间用&连接  每个数据是name=value的格式--><form action="#" method="GET"><input type="text" name='user'><input type="text" name='pwd'><input type="submit"></form><button id="btn">按钮</button>
</body>
<script src="../9.2/创建XMLHTTPRequest对象.js"></script>
<!-- 引入写好的适配浏览器的创建XMLHTTPRequest对象 -->
<script>var btn = document.getElementById('btn');btn.addEventListener('click',function(){var xhr = createXMLHttpRequest();xhr.onreadystatechange = function(){//监听通信状态console.log(xhr.status);if(xhr.readyState === 4 && xhr.status === 200){console.log(xhr.responseText);}}xhr.open('get','http://127.0.0.1:1877/Ajax/%E4%BB%A3%E7%A0%81/9.2/02%E6%B5%8B%E8%AF%95XMLHttpRequest%E5%AF%B9%E8%B1%A1.html');//向服务器发送请求数据//send(data)方法//data就是要向服务器发送的请求数据//两种情况  发送数据  不发送数据写null//发送数据的格式跟method规定的请求方法的一样//如果请求的方法为get和head，则send方法写成send(null)参数只能是null   xhr.send(data);//把这些接收到的结果更新到HTML页面上})
</script>
</html>

通过Ajax异步请求数据相关推荐

html弹窗赋值给查询框,bootstrap模态框动态赋值， ajax异步请求数据后给id为queryInfo的模态框赋值并弹出模态框（JS）...
/查询单个 function query(id) { $.ajax({ url : "/small/productServlet", async : true, type : &q ...
JAVA中.jsp模板文件AJAX异步请求 - 数据渲染问题
JAVA中.jsp模板文件AJAX异步请求 - 数据渲染失败,谁的过失? 后端已经查询出来结果,但是返回的API接口response查看不到对应的信息.(即:后台有,前台没有) 原因分析: 是因为AJ ...
解决ajax异步请求数据后swiper不能循环轮播(loop失效)问题、滑动后不能轮播的问题。
解决ajax异步请求数据后swiper不能循环轮播(loop失效)问题.滑动后不能轮播的问题. 参考文章: (1)解决ajax异步请求数据后swiper不能循环轮播(loop失效)问题.滑动后不能轮播 ...
ajax异步请求验证ua的网页,ajax 异步请求数据
点击页面事件.获取新的列表获取列表 // 因为是测试所以请求页面和参数都写死了 PHP 部分分为两个.一个是第一次请求的php页面,别一个是异步请求的php页面 index.php $list ...
AJAX 异步请求数据
AJAX 的全称是Asynchronous JavaScript and XML,其中,Asynchronous 是异步的意思,它有别于传统web开发中采用的同步的方式. JQuery AJAX ...
踩坑：vue2 ajax异步请求数据，层数太多，页面无法渲染
刚接触vue2不是太久,勉强算是小白一枚吧,在此分享一下我最近踩的一个坑,望以后的小白们借鉴: 首先,数据结构: data(){ return { outer: { mid: [{ inner: &q ...
python django异步访问_初试Ajax异步请求（基于Django框架）
概要: Ajax异步请求数据之前就听朋友提起过,但是之前一直没有什么机会使用这个技术,就没有去了解,后面在做网站评论这一功能时,为了使用户评论之后不用刷新网页就能够看到刚刚评论的数据,所以决定使用Aj ...
jquery的ajax异步请求接收返回json数据
jquery的ajax异步请求接收返回json数据方法设置简单,一个是服务器处理程序是返回json数据,另一种就是ajax发送设置的datatype设置为jsonp格式数据或json格式都可以.这篇文 ...
ajax异步请求，以及ajax异步返回的数据的处理方案
为什么JS会有同步任务和异步任务: js是单线程,会按照顺序执行一个一个的任务,如果遇到某个任务像网络请求一类的需要延长执行回调函数,那么页面就会阻塞,所以引入了异步的概念. 同步任务:同步任务不需要 ...

通过Ajax异步请求数据

通过Ajax异步请求数据相关推荐

最新文章

热门文章