ajax可以写在jsp文件中吗
2个回答
展开全部
Ajax = 异步 JavaScript 和 XML 或者是 HTML(标准通用标记语言的子集)。
关于ajax能不能写在jsp中,刚开始我认为不可以,后来我看到有相关的博客确实在jsp中使用了ajax;在我动手尝试后,发现确实可以,并且写了一个简单的基于JQuery实现的ajax demo。基于普通JavaScript实现的ajax太繁琐了,使用基于JQuery实现的ajax很容易,前提是得先引入jquery库。
代码如下:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<!-- 需要导入jquery文件 -->
<script src="js/jquery.min.js"></script>
<script type="text/javascript">
//在页面加载完成后
$(function(){
$("#btn").click(function(){
//方式一:
/*
//发送ajax请求
$.ajax({
//编写json格式,设置属性和值
url:"testAjax",//ajax请求要发送的地址
contentType:"application/json;charset=utf-8",//MIME类型
data:'{"username":"BoildWater"}',//发送的数据
dataType:"json",//响应数据的类型
type:"post",//发送请求的方式
success:function(data){
//data为服务器端响应的数据
alert(data);
}
});
*/
//方式二:
$.get("testAjax",{"username":"BoildWater"},function(data){
alert(data);
});
});
});
</script>
</head>
<body>
This is my JSP page. <br>
<button id="btn">发送ajax请求</button>
</body>
</html>
多说一点:
在我学习了ajax之后,我才明白为什么京东页面可以做到提交用户登录信息,可以“不刷新”页面就可以响应给用户是否登录成功,体验真好,有兴趣的同学可以去感受一下。当然ajax能做的还有很多很多,所以学习了ajax后,我渐渐放弃了jsp作为web应用表现层,html+ajax成为了我写项目的常用手段。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
广告 您可能关注的内容 |