servlet需要和ajax,如何使用Servlet和Ajax?
我是Web應用程序和Servlet的新手,我有以下問題:
每當我在Servlet中打印某些內容并由網絡瀏覽器調用它時,它將返回一個包含該文本的新頁面。 有沒有一種方法可以使用Ajax在當前頁面中打印文本?
#1樓
我將向您展示servlet的整個示例以及ajax調用的方式。
在這里,我們將創建一個簡單的示例,以使用servlet創建登錄表單。
index.html
Name:
Password:
這是ajax示例
$.ajax
({
type: "POST",
data: 'LoginServlet='+name+'&name='+type+'&pass='+password,
url: url,
success:function(content)
{
$('#center').html(content);
}
});
LoginServlet Servlet代碼:-
package abc.servlet;
import java.io.File;
public class AuthenticationServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
protected void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException
{
doPost(request, response);
}
protected void doPost(HttpServletRequest request,
HttpServletResponse response) throws ServletException, IOException {
try{
HttpSession session = request.getSession();
String username = request.getParameter("name");
String password = request.getParameter("pass");
/// Your Code
out.println("sucess / failer")
} catch (Exception ex) {
// System.err.println("Initial SessionFactory creation failed.");
ex.printStackTrace();
System.exit(0);
}
}
}
#2樓
$.ajax({
type: "POST",
url: "url to hit on servelet",
data: JSON.stringify(json),
dataType: "json",
success: function(response){
// we have the response
if(response.status == "SUCCESS"){
$('#info').html("Info has been added to the list successfully.
"+
"The Details are as follws :
Name : ");
}else{
$('#info').html("Sorry, there is some thing wrong with the data provided.");
}
},
error: function(e){
alert('Error: ' + e);
}
});
#3樓
Ajax(也是AJAX,是異步JavaScript和XML的首字母縮寫)是一組相互關聯的Web開發技術,用于客戶端以創建異步Web應用程序。 使用Ajax,Web應用程序可以異步向服務器發送數據和從服務器檢索數據。下面是示例代碼:
Jsp頁面Java腳本函數使用兩個變量firstName和lastName將數據提交到servlet:
function onChangeSubmitCallWebServiceAJAX()
{
createXmlHttpRequest();
var firstName=document.getElementById("firstName").value;
var lastName=document.getElementById("lastName").value;
xmlHttp.open("GET","/AJAXServletCallSample/AjaxServlet?firstName="
+firstName+"&lastName="+lastName,true)
xmlHttp.onreadystatechange=handleStateChange;
xmlHttp.send(null);
}
Servlet讀取以xml格式發送回jsp的數據(您也可以使用文本。只需要將響應內容更改為文本并在javascript函數上呈現數據即可。)
/**
* @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
*/
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
String firstName = request.getParameter("firstName");
String lastName = request.getParameter("lastName");
response.setContentType("text/xml");
response.setHeader("Cache-Control", "no-cache");
response.getWriter().write("");
response.getWriter().write(""+firstName+"");
response.getWriter().write(""+lastName+"");
response.getWriter().write("");
}
#4樓
使用引導多選
阿賈克斯
function() { $.ajax({
type : "get",
url : "OperatorController",
data : "input=" + $('#province').val(),
success : function(msg) {
var arrayOfObjects = eval(msg);
$("#operators").multiselect('dataprovider',
arrayOfObjects);
// $('#output').append(obj);
},
dataType : 'text'
});}
}
在Servlet中
request.getParameter("input")
#5樓
通常,您無法從servlet更新頁面。 客戶端(瀏覽器)必須請求更新。 Eiter客戶端加載整個新頁面,或者請求更新現有頁面的一部分。 這種技術稱為Ajax。
創作挑戰賽新人創作獎勵來咯,堅持創作打卡瓜分現金大獎總結
以上是生活随笔為你收集整理的servlet需要和ajax,如何使用Servlet和Ajax?的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: jquery如何实现ajax技术,使用J
- 下一篇: 两台服务器虚拟成一个ip地址,两台服务器