1. jsP中怎样实现ajax
给你个登录的案例:
<html>
<head>
<title>Ajax测试页面</title>
</head>
<script type="text/javascript">
var xmlHttpRequest;
function createXmlHttpRequest(){
if(window.ActiveXObject){ //如果是IE浏览器
//alert("是");
return new ActiveXObject("Microsoft.XMLHTTP");
}else if(window.XMLHttpRequest){ //非IE浏览器
//alert("非");
return new XMLHttpRequest();
}
}
function check(){
var name=document.getElementById('uName');
var pass=document.getElementById('pass');
if(!name.value){
alert("请输入用户名！");
name.focus();
return;
}else if(!pass.value){
alert("请输入密码！");
pass.focus();
return;
}
var url="ajax.do?uName=hyw"; //这里写上跳转到structs的路径和方法,并把参数传进去
url=encodeURI(url);
url=encodeURI(url);
xmlHttpRequest=createXmlHttpRequest();
xmlHttpRequest.onreadystatechange=callBack;
xmlHttpRequest.open("POST",url,true); //true是异步请求
xmlHttpRequest.send(null);
}
function callBack(){
var r_value=xmlHttpRequest.responseText;
var r_status=xmlHttpRequest.readyState;
alert(r_value+":::"+r_status);
}
</script>
<body>
<form action="ajax.do" method="get">
用户名: <input type="text" size="15" name="uName"/> <br/>
密 码： <input type="text"size="15" name="pass" /> </br>
<input type="button" value="登录" onclick="check()"/>
</form>
</body>
</html>
structs处理的代码:
response.setContentType("text/html;charset=utf-8");
PrintWriter out = response.getWriter();
String uName=request.getParameter("uName");
uName=URLDecoder.decode(uName, "utf-8"); //把Ajax的传值，转换成utf-8
System.out.println(uName);
out.print("这就是Ajax的返回值");
2. jsp中，用ajax获取数据
jsp中用ajax获取数据的例子如下：
jsp代码：
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<HEAD>
<TITLE>留学生系统</TITLE>
<META http-equiv=Content-Type content="text/html; charset=GBK">
<SCRIPT language=JavaScript type=text/JavaScript>
var XMLHttpReq = false;
//ajax接口
function createXMLHttpRequest(){
if(window.XMLHttpRequest){
XMLHttpReq = new XMLHttpRequest();
}else if(window.ActiveXObject){
try{
XMLHttpReq = new ActiveXObject("MSXML2.XMLHTTP");
}catch(e){
try{
XMLHttpReq = new ActiveXObject("Mircsoft.XMLHTTP");
}catch(e1){}
}
}
}
function sendRequest(url){
createXMLHttpRequest();
XMLHttpReq.open("GET",url,true);
XMLHttpReq.onreadystatechange = processResponse;
XMLHttpReq.send(null);
}
function processResponse(){
if(XMLHttpReq.readyState == 4){
if(XMLHttpReq.status == 200){
var res = XMLHttpReq.responseXML.getElementsByTagName("res")[0].firstChild.data;
window.alert(res);
document.myform.userid.value="";
document.myform.pwd.value="";
}else{
window.alert("你请求的页面有异常1");
}
}
}
function userCheck(){
var userid = document.myform.userid.value;
var pwd = document.myform.pwd.value;
if(userid == ""){
window.alert("用户名不能为空");
document.myform.pwd.value="";
document.myform.userid.focus();
return false;
}else{
sendRequest("login?userid="+userid);
}
}
function pwdCheck(){
var pwd = document.myform.pwd.value;
var pwd2 = document.myform.pwd2.value;
if(pwd!=pwd2){
window.alert("密码不一致");
document.myform.pwd.value="";
document.myform.pwd2.value="";
document.myform.pwd.focus();
return false;
}
}
</SCRIPT>
<LINK href="css/css.css" type=text/css rel=stylesheet>
</HEAD>
<body>
<table width="778" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" >
<tr>
<td width="17%"><img src="images/logo.jpg" width="124" height="101"></td>
<td width="558" height="101" background="images/banner.jpg"><div align="center">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="558" height="101">
<param name="movie" value="images/2.swf">
<param name="quality" value="high">
<embed src="images/2.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="558" height="101"></embed>
<param name="wmode" value="transparent">
</object>
</div></td>
<td width="11%"><table width="100%" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td height="30" class="style1"><div align="center">设为首页</div></td>
</tr>
<tr>
<td height="30" class="style1"><div align="center">收藏本站</div></td>
</tr>
<tr>
<td height="30" class="style1"><div align="center">联系我们</div></td>
</tr>
</table></td>
</tr>
</table>
<form method="post" action="control.jsp?action=register" name="myform">
<table width="300" border="0" align="center" bgcolor="#F0F0F0">
<tr>
<td align="center">用户名</td>
<td><input name="userid" type="text" size="20" onblur="userCheck()"></td>
</tr>
<tr>
<td align="center">真实姓名</td>
<td><input name="username" type="text" size="20"/></td>
</tr>
<tr>
<td align="center">性别</td>
<td>
<input type="radio" name="sex" value="0" checked="checked">男
<input type="radio" name="sex" value="1">女
</td>
</tr>
<tr>
<td align="center">密码</td>
<td><input name="pwd" type="password" size="20"/></td>
</tr>
<tr>
<td align="center">密码确认</td>
<td><input name="pwd2" type="password" size="20" onblur="pwdCheck()"/></td>
</tr>
<tr>
<td align="center">电子邮箱</td>
<td><input name="email" type="text" size="20"/></td>
</tr>
<tr>
<td align="center">学校</td>
<td><input name="school" type="text" size="20"/></td>
</tr>
<tr>
<td align="center">电话号码</td>
<td><input name="phonenum" type="text" size="20"/></td>
</tr>
<tr>
<td align="center"><img border=0 src="image.jsp"></td>
<td><input type=text name=in maxlength=4 size="8"></td>
</tr>
<tr>
<td align="center"><input type="submit" value="确定" /></td>
</tr>
</table>
</form>
</body>
</html>
3. 在jsp中怎么运用ajax
使用Ajax的主要过程包括
1、创建XMLHttpRequest对象，
2、设置回发函数，
3、指定信息发送位置、提交的方式和异步与否，
4、发送请求。
javaScript代码如下所示：
1:<scripttype="text/javascript">
2:varXMLHttpRequestIns=null;
3:
4:functionAjaxF(){
5://创建Ajax核心对象并传递参数
6:CreateXMLHttpRequest();
7://设置参数
8:XMLHttpRequestIns.onreadystatechange=handleStateChange;//设置回发函数
9://获取内容的位置
10:XMLHttpRequestIns.open("GET","XMLFile1.xml",true);
11://发送
12:XMLHttpRequestIns.send(null);
13:}
14:functionCreateXMLHttpRequest(){
15:if(window.ActiveObject){
16:XMLHttpRequestIns=newActiveXObject("Microsoft.XMLHTTP");
17:}
18:elseif(window.XMLHttpRequest)
19:{
20:XMLHttpRequestIns=newXMLHttpRequest();
21:}
22:}
23://对返回数据进行处理
24:functionhandleStateChange(){
25:if(XMLHttpRequestIns.readyState==4){
26:
27:if(XMLHttpRequestIns.status==200){
28:alert("服务器消息"+XMLHttpRequestIns.responseText);
29:}
30:}
31:}
32:</script>
4. JSP页面如何实现ajax实现局部刷新，求实例。
用jquery吧，这样的功能很好实现。
这是我之前写的两个关联下拉选择框，第一个是省份，第二个是具体城市。
选中省份，第二个下拉框的选项实现改变。
$(document).ready(function(){
$("#big").change(function(){ //更改省份下拉框的选项时候触发
$("#detail").empty();
$.ajax({
type:"post",
url:"changeCitiesAction.do",//传入action来处理
data:"pid="+$("#big option:selected").val(),//传递的参数(父id-即省份id)
success:function(xml){
$(xml).find("bigList").find("type").each(function(){//解析jsp动态生成的xml
var name = $(this).find("cityName").text();
var id = $(this).find("id").text();
//把解析出来的书库写入页面 <!--EndFragment-->
$("#detail").append("<option value="+id+">"+name+"</option>");
})
}
});
});
});
原理都差不多，好好想想吧。
5. Ajax技术与JavaScript,JSP,XML,Javaservlet等有什么区别和联系
ajax 是异部刷新机制 就是局部刷新，比如你注册的时候，刚输玩用户名就提示你对不对了，你会发现整个页面没有刷新，但是他已经和远端的服务器进行了数据交互。这有很多的优势，比如减少网络传输，比如良好的用户体验。单纯ajax实现也是比较麻烦的，所以又有了jquery框架，jquery框架就是个js文件，在页面上引入他就可以了，这样，你再写javascrip的时候就很简单了。
java script 是核心，他联系了ajax，jquery，css，xml，javaServlet。所以它是基础要好好学。
JSP 是一种技术，是SERVLET 的进化版，以前java做页面就是用输出流一句一句的输出，很麻烦，有了jsp以后就简化了java的bs模式的开发。
XML全程是可扩展标记语言，是用来存储数据的，数据包括配置文件数据，跟数据库类似数据等等。xml最大的优势就是编程语言无关，也就是说不管java，c#，vb等都可以读取xml里的数据，这样就给这些编程语言的联系建了个桥梁。
javaservlet其实就是个java类，它与普通的java类不同的是他继承了javax.servlet.http.httpservelt类，这样呢，他就能实现与服务器，客户端交互的功能，你也可以理解为客户端和服务器端的一个桥梁，以为http就是用来从服务器和客户端传数据的协议。
6. ajax可以写在jsp文件中吗
Ajax=异步JavaScript和XML或者是HTML（标准通用标记语言的子集）。
关于ajax能不能写在jsp中，刚开始我认为不可以，后来我看到有相关的博客确实在jsp中使用了ajax；在我动手尝试后，发现确实可以，并且写了一个简单的基于JQuery实现的ajax demo。基于普通JavaScript实现的ajax太繁琐了，使用基于JQuery实现的ajax很容易，前提是得先引入jquery库。
代码如下：
<%@pagelanguage="java"import="java.util.*"pageEncoding="UTF-8"%>
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">
<html>
<head>
<!--需要导入jquery文件-->
<scriptsrc="js/jquery.min.js"></script>
<scripttype="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>
ThisismyJSPpage.<br>
<buttonid="btn">发送ajax请求</button>
</body>
</html>
多说一点：
在我学习了ajax之后，我才明白为什么京东页面可以做到提交用户登录信息，可以“不刷新”页面就可以响应给用户是否登录成功，体验真好，有兴趣的同学可以去感受一下。当然ajax能做的还有很多很多，所以学习了ajax后，我渐渐放弃了jsp作为web应用表现层，html+ajax成为了我写项目的常用手段。
7. AJAX,JSP有谁能完整的解释一下具体意思吗
AJAX阿贾克斯，呵呵，中文应该是这么写的吧，是一种前台页面技术，我想你见过那种页面无需刷新就会更新出新内容的留言本吧，那个就是使用的阿贾克斯技术。至于说JSP，是一种动态页面，就像ASP、PHP等等这些页面的，个人理解就是可以传值的动态页面。因为HTML页面是不可以含有form表单的东西的。
8. jsp页面局部刷新
jsp中的局部刷新是通过ajax实现的。
利用JSP+ajax来实现局部页面刷新的小例子：
处理ajax请求的jsp文件：ajax.jsp
<%@ page contentType="text/html; charset=gb2312" %>
<%
//设置输出信息的格式及字符集
response.setContentType("text/xml; charset=UTF-8");
response.setHeader("Cache-Control","no-cache");
out.println("<response>");
for(int i=0;i<2;i++){
out.println("<name>"+(int)(Math.random()*10)+
"号传感器</name>");
out.println("<count>" +(int)(Math.random()*100)+ "</count>");
}
out.println("</response>");
out.close();
%>
发送ajax请求的jsp文件：zx.jsp
<head>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
</head>
<script language="javascript">
var XMLHttpReq;
//创建XMLHttpRequest对象
function createXMLHttpRequest() {
if(window.XMLHttpRequest) { //Mozilla 浏览器
XMLHttpReq = new XMLHttpRequest();
}
else if (window.ActiveXObject) { // IE浏览器
try {
XMLHttpReq = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
XMLHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
}
//发送请求函数
function sendRequest() {
createXMLHttpRequest();
var url = "ajax.jsp";
XMLHttpReq.open("GET", url, true);
XMLHttpReq.onreadystatechange = processResponse;//指定响应函数
XMLHttpReq.send(null); // 发送请求
}
// 处理返回信息函数
function processResponse() {
if (XMLHttpReq.readyState == 4) { // 判断对象状态
if (XMLHttpReq.status == 200) { // 信息已经成功返回，开始处理信息
DisplayHot();
setTimeout("sendRequest()", 1000);
} else { //页面不正常
window.alert("您所请求的页面有异常。");
}
}
}
function DisplayHot() {
var name = XMLHttpReq.responseXML.getElementsByTagName("name")[0].firstChild.nodeValue;
var count = XMLHttpReq.responseXML.getElementsByTagName("count")[0].firstChild.nodeValue;
document.getElementById("proct").innerHTML = name;
document.getElementById("count").innerHTML = count;
}
</script>
<body onload =sendRequest()>
<table style="BORDER-COLLAPSE: collapse" borderColor=#111111 cellSpacing=0 cellPadding=0 width=200 bgColor=#f5efe7 border=0>
<TR>
<TD align=middle bgColor=#dbc2b0 height=19 colspan="2"><B>无线传感网</B> </TD>
</TR>
<tr>
<td height="20"> 传感器：</td>
<td height="20" id="proct"> </td>
</tr>
<tr>
<td height="20">传感器个数：</td>
<td height="20" id="count"> </td>
</tr>
</body>
</table>