Servlet與jquery ajax測試讀取返回物件屬性

阿新 • • 發佈：2019-01-16

這個例子測試感覺很麻煩，網上找了好多，終於搞出來了。
這裡以返回一個物件為例


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

Servlet與jquery ajax測試讀取返回物件屬性

相關推薦