js調(diào)用后臺(tái)servlet方法實(shí)例

更新時(shí)間：2013年06月09日 16:44:17 作者：

今天做歷史記錄查詢功能，遇到了前后臺(tái)方法互相調(diào)用的問(wèn)題，研究了一下，把成功經(jīng)驗(yàn)記錄一二。

1.使用document.form.action方式

相關(guān)源碼如下：

*.js

[javascript]

復(fù)制代碼代碼如下:

<span style="white-space:pre">  </span> document.getElementById("sendPerson").value = SendPerson; 
 document.getElementById("currentTime").value = currentTime(); 
 document.getElementById("message").value = message; 
 document.getElementById("recvPerson").value = recvPerson; 
 document.chatform.action = "ToHistoryServlet"; 
 document.chatform.submit(); 
*.html

[html]

復(fù)制代碼代碼如下:

<!--the tag below is the params to the userHistory  dml@2012.8.27--> 
        <input type="hidden" name="sendPerson" id="sendPerson"> <input 
            type="hidden" name="currentTime" id="currentTime"> <input 
            type="hidden" name="message" id="message"> <input 
            type="hidden" name="recvPerson" id="recvPerson"> 

注意的是，input需指定name屬性，這么servlet才可以獲取到參數(shù)值
*.java

[java]

復(fù)制代碼代碼如下:

public void doPost(HttpServletRequest request, HttpServletResponse response) 
        throws ServletException, IOException { m.fzitv.net

    String sendPerson = request.getParameter("sendPerson"); 
    String recvPerson = request.getParameter("recvPerson"); 
    String sendTime = request.getParameter("currentTime"); 
    String message = request.getParameter("message"); 
    Message msg = new Message(); 
    msg.setMessage(message); 
    msg.setRecvPerson(recvPerson); 
    msg.setSendPerson(sendPerson); 
    msg.setSendTime(sendTime); 
    HistoryHandle.addMessage(msg); 
} 

這個(gè)缺點(diǎn)是頁(yè)面就跳走了，要是希望保持原頁(yè)面，可以參照方法2

2.jquery調(diào)用后臺(tái)方法

[javascript]

復(fù)制代碼代碼如下:

$.ajax({ 
    type : "POST", 
    contentType : "application/json", 
    url : "ToHistoryServlet?sendPerson=" + SendPerson + "¤tTime=" 
            + currentTime() + "&message=" + message + "&recvPerson=" 
            + recvPerson, 
    dataType : 'json', 
    success : function(result) { 
        alert(result.d); 
    } 
}); 

代碼量小，使用方便，值得推薦。。。

您可能感興趣的文章:

相關(guān)文章

前端利用PrintJs實(shí)現(xiàn)批量打印文件功能
在項(xiàng)目中遇到一個(gè)問(wèn)題需要實(shí)現(xiàn)批量打印功能,研究了測(cè)試了一番解決了,把相關(guān)的功能記錄下,這篇文章主要介紹了前端利用PrintJs實(shí)現(xiàn)批量打印文件功能的相關(guān)資料,需要的朋友可以參考下
2025-02-02
Moment.js實(shí)現(xiàn)多個(gè)同時(shí)倒計(jì)時(shí)
這篇文章主要為大家詳細(xì)介紹了Moment.js實(shí)現(xiàn)多個(gè)同時(shí)倒計(jì)時(shí)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-08-08
使用不同的方法結(jié)合/合并兩個(gè)JS數(shù)組
這是一篇關(guān)于JavaScript數(shù)組使用的一些技巧，我們將使用不同的方法結(jié)合/合并兩個(gè)JS數(shù)組，以及討論每個(gè)方法的優(yōu)點(diǎn)/缺點(diǎn)
2014-09-09
JavaScript設(shè)計(jì)模式--簡(jiǎn)單工廠模式定義與應(yīng)用案例詳解
這篇文章主要介紹了JavaScript設(shè)計(jì)模式--簡(jiǎn)單工廠模式定義與應(yīng)用,結(jié)合具體案例形式詳細(xì)分析了JavaScript設(shè)計(jì)模式中簡(jiǎn)單工廠模式基本概念、定義、用法與相關(guān)注意事項(xiàng),需要的朋友可以參考下
2020-05-05
js字符串拼接的4種常見方法
JavaScript中,字符串拼接是非常常見的操作,拼接字符串有很多種方式,這篇文章主要給大家介紹了關(guān)于js字符串拼接的4種常見方法,需要的朋友可以參考下
2023-07-07
深入php面向?qū)ο?、模式與實(shí)踐
這篇文章主要介紹了深入php面向?qū)ο?、模式與實(shí)踐,需要的朋友可以參考下
2016-02-02
微信小程序使用map組件實(shí)現(xiàn)路線規(guī)劃功能示例
這篇文章主要介紹了微信小程序使用map組件實(shí)現(xiàn)路線規(guī)劃功能,結(jié)合具體實(shí)例形式分析了微信小程序基于map組件的地理位置獲取、路徑規(guī)劃等相關(guān)操作技巧,需要的朋友可以參考下
2019-01-01
javascript+Canvas實(shí)現(xiàn)畫板功能
這篇文章主要為大家詳細(xì)介紹了javascript+Canvas實(shí)現(xiàn)畫板功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-06-06
javascript 中的try catch應(yīng)用總結(jié)
這篇文章主要介紹了javascript 中的try catch應(yīng)用總結(jié)的相關(guān)資料,需要的朋友可以參考下
2017-04-04
微信小程序自定義底部彈出框功能
這篇文章主要為大家詳細(xì)介紹了微信小程序自定義底部彈出框功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-11-11