异步操作的一个小案例,在h1中加入一个文本内容(GET请求)
来源:互联网 发布:php tmp目录 编辑:程序博客网 时间:2024/06/05 14:48
jsp的有关的一些代码
<script type="text/javascript">
//创建异步对象
function createXMLHttpRequest(){
try {
return new XMLHttpRequest();//返回大多数浏览器都支持的对象
} catch (e) {
try {
return new ActiveXObject("Msxml12.XMLHTTP");//返回ie6支持的对象
} catch (e) {
try {
return ActiveXObject("Microsoft.XMLHTTP");//返回ie5.5支持的版本
} catch (e) {
alert("兄弟,你使用的是自定义浏览器吗?");
throw e;//最后都不符合的话就会抛出一个异常
}
}
}
}
window.onload=function(){//文档加载完毕之后就执行该代码
var btn=document.getElementById("btn");//获得鼠标点击的对象
btn.onclick=function(){//加上鼠标监听事件
var request=createXMLHttpRequest();//得到XMLHttpRequest对象
request.open("GET","<c:url value='/ajaxServlet'/>",true); //设置请求为GET求求 并且与服务器相连接
request.send(null);//设置请求体为null
request.onreadystatechange=function(){//为状态码发生改变注册一个事件
if(request.readyState==4&&request.status)//如果request的状态为4而且返回的是200就代表响应成功和结束了
{
var text=request.responseText;//得到服务器的文本内容
var h1=document.getElementById("h1");//得到h1标签这个对象
h1.innerHTML=text;//向这个标签中写入服务器返回的字符串文本
}
};
};
};
</script>
<body>
<button id="btn">点我啊</button>
<h1 id="h1"></h1>
<script type="text/javascript">
//创建异步对象
function createXMLHttpRequest(){
try {
return new XMLHttpRequest();//返回大多数浏览器都支持的对象
} catch (e) {
try {
return new ActiveXObject("Msxml12.XMLHTTP");//返回ie6支持的对象
} catch (e) {
try {
return ActiveXObject("Microsoft.XMLHTTP");//返回ie5.5支持的版本
} catch (e) {
alert("兄弟,你使用的是自定义浏览器吗?");
throw e;//最后都不符合的话就会抛出一个异常
}
}
}
}
window.onload=function(){//文档加载完毕之后就执行该代码
var btn=document.getElementById("btn");//获得鼠标点击的对象
btn.onclick=function(){//加上鼠标监听事件
var request=createXMLHttpRequest();//得到XMLHttpRequest对象
request.open("GET","<c:url value='/ajaxServlet'/>",true); //设置请求为GET求求 并且与服务器相连接
request.send(null);//设置请求体为null
request.onreadystatechange=function(){//为状态码发生改变注册一个事件
if(request.readyState==4&&request.status)//如果request的状态为4而且返回的是200就代表响应成功和结束了
{
var text=request.responseText;//得到服务器的文本内容
var h1=document.getElementById("h1");//得到h1标签这个对象
h1.innerHTML=text;//向这个标签中写入服务器返回的字符串文本
}
};
};
};
</script>
<body>
<button id="btn">点我啊</button>
<h1 id="h1"></h1>
</body>
java的servlet的代码如下:
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
System.out.println("成功访问!");
PrintWriter out = response.getWriter();
out.println("You are my destiny!");
out.close();
}
0 0
- 异步操作的一个小案例,在h1中加入一个文本内容(GET请求)
- 一个案例 用异步的方式获取内容和图片
- 谷歌在GET中适当加入POST请求抓取网页内容
- ios的一个架构小例子---异步请求的封装
- C#用异步BackgroundWorker执行一个文本读取的操作
- 在操作中遇到关于Spinner的一个小错误
- 获取浏览器地址栏get请求的数据并存在一个对象中
- Ajax学习之在一个页面中异步的加载另一个页面内容
- 将屏幕上的内容输出到一个文本中
- 【在Struts2中加入ajax异步发送请求给服务器】
- grep在一个文本中查找符合条件的文本
- 57-005-3 bootstrap实现一个简单的项目案例--新闻操作(基于jsp无刷新异步操作)
- get 请求 URL中传送一个变量
- 异步任务请求网络数据需在build.gradle文件中加入的代码
- apt-get 安装失败的一个案例
- 遇到一个在脚本中读取文件内容占用文件句柄的小问题
- 如何在delphi的代码中加入一个过程
- 在datalist控件的模版中加入一个bu…
- ROS知识(3)----功能包package编译的两种方式
- C++输入输出的格式控制2
- 关于严格模式的简单介绍
- 百度大脑险胜最强大脑背后:200万人2亿照片做训练
- Android拍照并显示
- 异步操作的一个小案例,在h1中加入一个文本内容(GET请求)
- 第21节:Scala文件和xml操作(上)
- HAUTOJ G题
- 分而治之(D&C)
- 检测全局鼠标动作
- opencv显示大图--利用鼠标在固定窗口内显示大图
- LeetCode (开始)
- Android全套动画使用技巧
- CoordinatorLayout的使用如此简单