Servlet與jquery ajax測試讀取返回物件屬性
- 這個例子測試感覺很麻煩,網上找了好多,終於搞出來了。
- 這裡以返回一個物件為例
public class people {
private String name;
private int order;
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public int getOrder() {
return order;
}
public void setOrder(int order) {
this.order = order;
}
}
前端處理
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>ajax與servlet測試</title>
<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<button type="button" class="btn btn-primary" id="subupdate" >測試ajax</button>
</body>
<script type="text/javascript">
$(function() {
$("#subupdate").click(function () {
alert("hello")
$.ajax({
type: "post",
url: "servletajax",
async:false,
data:{"name":"lei","age":"21"},
dataType: "json",
success: function(data){
alert(data.name)
alert(data.order)
}
});
})
})
</script>
</html>
這裡也測試了前端向後臺寫入json資料
解釋下ajax引數
url就是請求地址,對應的就是處理請求的java類,看我的就明白了
success就相當於回撥函式
處理java類
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import net.sf.json.JSONObject;
/**
* Servlet implementation class servletajax
*/
@WebServlet("/servletajax")
public class servletajax extends HttpServlet {
private static final long serialVersionUID = 1L;
/**
* @see HttpServlet#HttpServlet()
*/
public servletajax() {
super();
// TODO Auto-generated constructor stub
}
/**
* @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
*/
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
response.getWriter().append("Served at: ").append(request.getContextPath());
}
/**
* @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
*/
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
System.out.println("接收到請求");
System.out.println(request.getParameter("name"));
System.out.println(request.getParameter("age"));
response.setContentType("application/json");
response.setCharacterEncoding("UTF-8");
people pe=new people();
pe.setName("yang");
pe.setOrder(12);
response.setContentType("application/x-json");
PrintWriter print=response.getWriter();
JSONObject result1JSON = JSONObject.fromObject(pe); //把物件轉化成JSON格式
print.print(result1JSON.toString()); //這裡很重要,一定要轉成字串格式
print.flush();
print.close();
}
}
效果圖,可以看後臺也輸入了前端的資料了
補充說明,構建json也可以使用下面的方法
JSONObject resultJSON = new JSONObject();//構建一個JSONObject
resultJSON.accumulate("name", "yu");
resultJSON.accumulate("errInfo", "成功");
print.print(resultJSON.toString());
-
-
相關推薦
Servlet與jquery ajax測試讀取返回物件屬性
這個例子測試感覺很麻煩,網上找了好多,終於搞出來了。 這裡以返回一個物件為例 public class people { private String name; private i
AJAX實現圖片上傳和預覽(傳統ajax與jQuery AJAX;帶圖片的表單提交)
一、通過Servlet3.0和傳統的AJAX實現圖片上傳和預覽 此方法也適用於帶圖片的表單提交 上傳時預覽圖片  
jQuery ajax請求錯誤返回status 0和錯誤error的問題
jQuery ajax請求錯誤返回status 0和錯誤error的問題,responseText是"error",狀態碼是0而不是200:後臺返 回來進入error $.ajax({ url: '/register', da
jQuery AJAX方法 後臺返回一個實體類的list
java程式碼 自定義實體類ChartSeries public class ChartSeries { private String name; //曲線名稱 p
原生ajax與jQuery ajax的比較
$.ajax({ url:'/comm/test1.php', type:'POST', //GET async:true, //或false,是否非同步 data:{ name:'yang',age:25 }, timeout:5000,
jquery ajax提交,返回list,然後遍歷,重新整理select
ajax提交,返回list,然後遍歷 function getCityBypro(item){ $.ajax({ type: "POST", url: "gtCityByProId
JQuery ajax 把後臺返回的List資料 遍歷出來 賦值給div
1、效果 2、前端程式碼 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-T
Jquery ajax方法解析返回的json資料
最近在用jquery的ajax方法傳遞接收json資料時發現一個問題,那就是返回的data資料,有時候可以直接作為json資料使用,可有時候又不行。 經過網友指出,這個問題已經有了比較明確的結論,那就是jquery ajax方法的complete方法是不會處理dataType的,所以如果你是在complet
jquery ajax非同步 獲得返回值
<span style="font-size:24px;"><strong>使用ajax非同步到一般處理程式ashx</strong></span>$.
不重新整理頁面的PHP與Jquery AJAX檔案上傳
這裡只拿圖片上傳做例子: 前端頁面 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>多檔案上傳&l
JQuery-Ajax獲取後臺返回的字串。
當要用JQuery的ajax去請求一個字串資料的時候: $.ajax({ url:"/message/isExist?clientType=1", async:true, type:'GET', success:function(result){ if(result ==
JQuery ajax請求一直返回Error(parsererror)
$.ajax({ type :"post", url :"busine_in.action", timeout : 40000, data: "centerid="+s, error : function(XMLHttpReques
jquery ajax 無法獲取返回值問題
最近在做會員註冊這塊。用了jquery的 ajax 驗證使用者名稱。郵箱,驗證碼 function check_email() { var check_email = $("#reg_mail").val(); var reg = /^([a-zA-Z0-9_-])[emai
用.NET MVC實現長輪詢,與jQuery.AJAX即時雙向通訊
首先感謝300位註冊使用者,讓我有充足的資料進行重構和優化。所以這兩週都在進行大重構。 其中最大的一個問題就是資料流量過大,原先已有更新,還會有Web傳統“重新整理”的形式把資料重新拿一次,然後再替換掉本地資料。 但這一拿問題就來了,在10個Chat*300個使用者
easyui 中的 form 提交 後獲得 後臺 的 json資料 與 jquery .ajax的不同之處
jquery ajax接收後臺傳送過來的資料通過定義 dataType :'json' , 可以保證接收到的資料就是json型別的 ,不需要再用eval()函式進行轉換,應用起來相當方便 舉例如下 [javascript] view plaincopy func
Java從List中直接讀取未知物件屬性資料
有時候我們會遇到在集合List中存放有多種物件的情況,這時候我們就無法直接將List內的資料對映為具體的類,使用get的方法獲取其對應屬性的值。 在這種情況下我們可以使用Java的反射機制來獲取List中的物件的屬性和內容值。示例程式碼: for(int k=0
webservice學習筆記(十二):js與jquery利用ajax獲取webservice返回值
1.webservice服務端程式碼如圖(ps:只是一個簡單的sayHello的demo): -服務端是基於spring的,具體beans.xml配置如下: <?xml version="1.0" encoding="UTF-8"?> <bea
java servlet 與前端json資料傳輸ajax、jquery
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // TODO Auto-generated method stub
Servlet 與 Ajax 交互一直報status=parsererror
.json ping response 註意 clas set void ready class 原因:servlet 返回的數據不是 Json 格式 1、JS代碼為: 1 var jsonStr = {‘clusterNum‘:2,‘iterationNum‘:
Jquery 使用Ajax獲取後臺返回的Json數據後,頁面處理
[] object inpu empty 獲取 reader form 取數 oid <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtm