實例解讀Ajax與servlet交互的方法
更新時間:2014年07月26日 17:26:10 投稿:shichen2014
這篇文章主要介紹了Ajax與servlet交互的方法,需要的朋友可以參考下
本文以實例形式剖析了Ajax與servlet的交互,并且代碼中有較為詳細的注釋,以幫助大家閱讀理解。具體的實現(xiàn)方法如下:
1.JavaScript部分
var req;
/*通過異步傳輸XMLHTTP發(fā)送參數(shù)到ajaxServlet,返回符合條件的XML文檔*/
var url;
function getResult()
{
var f=document.getElementById("form_pub");
var key=f.s.options[f.s.selectedIndex].text; //獲取對select中文本的引用
if (window.XMLHttpRequest)
{
req = new XMLHttpRequest();
url = "ajaxServlet?action="+key+"&bm=UTF-8";
}else if (window.ActiveXObject)
{
req = new ActiveXObject("Microsoft.XMLHTTP");
url = "ajaxServlet?action="+key+"&bm=gbk";
}
if(req)
{
req.open("GET",url, true);
req.setRequestHeader("Content-Type", "text/html;charset=UTF-8");
//這里如果不設定頭部則會導致 firfox 發(fā)送數(shù)據(jù)錯誤,servlet接受到的參數(shù)為亂碼,在IE中正常
req.onreadystatechange = complete;
req.send(null);
//req.setRequestHeader("Content-Type", "text/xml; charset=UTF-8");
}
}
/*分析返回的XML文檔*/
function complete(){
if (req.readyState == 4)
{
if (req.status == 200)
{
var items=document.getElementById("belong");
//以下為解析返回的XML文檔
var xmlDoc = req.responseXML;
var Node=xmlDoc.getElementsByTagName("type_name");
//var str=new Array();
var str=null;
//清空工作
items.innerHTML=""; //刪除一個 select內(nèi)的全部內(nèi)容
for(var i=0;i<Node.length;i++)
{
str=Node[i];
//alert(str.childNodes[0].nodeValue);
var objectOption=document.createElement("option");
items.options.add(objectOption);
//firfox不支持innerText必須用textContent代替
if (window.ActiveXObject)
{objectOption.innerText=str.childNodes[0].nodeValue;}
else
{objectOption.textContent=str.childNodes[0].nodeValue;}
}
}
}
}
2.servlet端:
package ajax;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import Data_GetConn.GetConn;//這個包是自己寫的為獲取對mysql的引用
import java.sql.*;//這個包必須有?。?
public class ajaxServlet extends HttpServlet{
//private static final String CONTENT_TYPE = "text/xml; charset=UTF-8";//這里最好統(tǒng)一用UTF-8進行編碼
public void init() throws ServletException{}
public void doGet(HttpServletRequest request,HttpServletResponse response) throws ServletException, IOException
{
response.setContentType("text/xml; charset=UTF-8");
//以下兩句為取消在本地的緩存
response.setHeader("Cache-Control", "no-cache");
response.setHeader("Pragma", "no-cache");
PrintWriter out = response.getWriter();
String action = request.getParameter("action");
String bm = request.getParameter("bm");
if(("gbk").equals(bm))
{
action=new String(action.getBytes("ISO-8859-1"),"gbk");//將獲得的數(shù)據(jù)用gbk從新編碼?。ǜ兄x董衛(wèi)老師)
}
else
{
action=new String(action.getBytes("ISO-8859-1"),"gbk");
}
try
{
GetConn wq=new GetConn();
Connection con=wq.getCon();
Statement stmt=con.createStatement();
ResultSet rs=stmt.executeQuery("select items from class where main='"+action+"'");
StringBuffer sb = new StringBuffer();
sb.append("<type>");
while(rs.next())
{
sb.append("<type_name>"+rs.getString(1)+"</type_name>");
}
//sb.append("<type_name>"+action+"</type_name>");
sb.append("</type>");
out.write(sb.toString());//注意這里向jsp輸出的流,在script中的截獲方法
out.close();
stmt.close();
con.close();
}
catch(Exception ex)
{
}
}
}
相關文章
MyBatis?Generator?ORM層面的代碼自動生成器(推薦)
Mybatis?Generator是一個專門為?MyBatis和?ibatis框架使用者提供的代碼生成器,也可以快速的根據(jù)數(shù)據(jù)表生成對應的pojo類、Mapper接口、Mapper文件,甚至生成QBC風格的查詢對象,這篇文章主要介紹了MyBatis?Generator?ORM層面的代碼自動生成器,需要的朋友可以參考下2023-01-01
Java兩整數(shù)相除向上取整的方式詳解(Math.ceil())
在調(diào)外部接口獲取列表數(shù)據(jù)時,需要判斷是否已經(jīng)取完了所有的值,因此需要用到向上取整,下面這篇文章主要給大家介紹了關于Java兩整數(shù)相除向上取整的相關資料,需要的朋友可以參考下2022-06-06
JAVA利用順序表實現(xiàn)“楊輝三角”的思路及代碼示例
楊輝三角形是中國古代數(shù)學的杰出研究成果之一,是我國北宋數(shù)學家賈憲于1050年首先發(fā)現(xiàn)并使用的,這篇文章主要介紹了JAVA利用順序表實現(xiàn)楊輝三角的思路及代碼示例,需要的朋友可以參考下2025-01-01

