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>