亚洲黄片手机免费观看,激情内射亚洲一区二区三区爱妻,亚洲国产成人久久99精品

無刷新改變數據庫的內容 ajax的簡單應用

       改變用戶名的年齡：
       年齡的顯示方法如下：
        <td bgcolor="#F2F2F2" align='center'>
<span id="<%=user.getId()%>" style="background:red" onclick="changeToInput(this.id)" value="<%=user.getAge()%>">    <%=user.getAge()%>     </span></td>
    changeToInput(this.id)方法如下：

var req;

var gID;

function changeToInput(id) {

var oNP = document.getElementById(id);

var value = oNP.value;

oNP.outerHTML = "<input type='text' id='" + id + "' value='" + value + "' size='5' onblur='change(this.id)'>";

document.getElementById(id).focus();

}

function change(id) {

var oNP = document.getElementById(id);

var value = oNP.value;

gID = id;

init();

var url = "ChangeAge.jsp?id=" + escape(id) + "&age=" + value;

req.open("GET", url, true);

req.onreadystatechange = callback;

req.send(null);

}

function init() {

if(window.XMLHttpRequest) {

req = new XMLHttpRequest();

} else if (window.ActiveXObject) {

req = new ActiveXObject("Microsoft.XMLHTTP");

}

function callback() {

if(4 == req.readyState) {

if(200 == req.status) {

var oNP = document.getElementById(gID);

var value = oNP.value;

oNP.outerHTML = "<span style='background:gray' id='" + gID + "' value='" + value + "' onclick='changeToInput(this.id)'>" + value + "</span>";

}

</script>

ChangAge.jsp頁面代碼如下：

<%@ page language="java" import="org.mxg.dao.impl.*, org.mxg.dao.*,java.util.*" pageEncoding="gbk"%>

int id = Integer.parseInt(request.getParameter("id"));

int age = Integer.parseInt(request.getParameter("age"));

IUserDAO userDAO = new UserDAO();

userDAO.UpdateAgeById(age,id);//調用DAO的方法更新年齡

response.setContentType("text/html;charset=gbk");

response.setHeader("Cache-Control", "no-store"); //HTTP1.1//阻止瀏覽器存儲內容！

response.setHeader("Pragma", "no-cache");

response.setDateHeader("Expires", 0); %>

    這樣就實現了：在前臺直接用鼠標點擊年齡的文本框就可以直接更改了！

posted on 2007-11-10 17:44 北極雪閱讀(1372) 評論(1) 編輯收藏所屬分類: css

相信自己！

常用鏈接

留言簿(1)

隨筆分類

隨筆檔案

文章檔案

Blogjava好友

搜索

最新評論

閱讀排行榜

評論排行榜

評論


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關文章: 無刷新改變數據庫的內容 ajax的簡單應用 input的各種樣式