欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

使用jquery 的ajax 與 Java servlet的交互代碼實(shí)例

 更新時(shí)間:2019年09月05日 14:28:27   作者:飛鳥  
這篇文章主要介紹了使用jquery 的ajax 與 Java servlet的交互代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下

這篇文章主要介紹了使用jquery 的ajax 與 Java servlet的交互代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下

由于是使用jquery的 所以別忘記導(dǎo)入jq

下面是jsp文件

<%@ 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>Insert title here</title>
  <script src="js/jquery-3.3.1.js"></script>
  <script type="text/javascript">
    function ajaxFun(){
      $.ajax({
        type: "POST",              //傳數(shù)據(jù)的方式
        url: "user",               //servlet地址
 
        data: $('#form').serialize(),      //傳的數(shù)據(jù) form表單 里面的數(shù)據(jù)
        success: function(result){        //傳數(shù)據(jù)成功之后的操作  result是servlet傳過來的數(shù)據(jù) 這個(gè)函數(shù)對result進(jìn)行處理,讓它顯示在 輸入框中
          $("#results").val(result);      //找到輸入框 并且將result的值 傳進(jìn)去
        }
      });
    }
 
  </script>
</head>
<body>
<H1 align="center">請輸入兩個(gè)字符串</H1>
<div align="center">
  <form id="form">
    first:<input type="text" name="first" id="first">
    second:<input type="text" name="second" id="second"><br data-filtered="filtered">     //點(diǎn)擊按鈕的時(shí)候觸發(fā)屬性
    <button type="button" onclick="ajaxFun()">button</button> //提交 按鈕
  </form>
  <input type="text" id="results">
  // 用來 顯示 result
</div>
</body>
</html>

然后是 servlet 文件

package com.java.servlet;
import java.io.IOException;
import java.io.PrintWriter;
/**
 * Ajax 訓(xùn)練
 * */
public class UserServlet extends javax.servlet.http.HttpServlet {
  protected void doPost(javax.servlet.http.HttpServletRequest request, javax.servlet.http.HttpServletResponse response) throws javax.servlet.ServletException, IOException {
    this.doGet(request,response);
  } 
  protected void doGet(javax.servlet.http.HttpServletRequest request, javax.servlet.http.HttpServletResponse response) throws javax.servlet.ServletException, IOException {
    response.setContentType("text/html;charset=UTF-8");
    request.setCharacterEncoding("utf-8");
    response.setCharacterEncoding("UTF-8");
    PrintWriter out = response.getWriter(); 
    String first = request.getParameter("first");      //從前端獲取數(shù)據(jù)first
    String second = request.getParameter("second");     //從前端獲取數(shù)據(jù)second
    String result=first+second;
    System.out.println(result);                   //用于測試 ,判斷是否成功獲取到數(shù)據(jù);
    out.println(result);                         //將數(shù)據(jù)傳到前端
  }
}

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • SpringBoot項(xiàng)目如何將Bean注入到普通類中

    SpringBoot項(xiàng)目如何將Bean注入到普通類中

    這篇文章主要介紹了SpringBoot項(xiàng)目如何將Bean注入到普通類中,具有很好的參考價(jià)值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2021-11-11
  • 詳解spring boot實(shí)現(xiàn)websocket

    詳解spring boot實(shí)現(xiàn)websocket

    這篇文章主要介紹了詳解spring boot實(shí)現(xiàn)websocket,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2017-06-06
  • Springboot項(xiàng)目使用攔截器方法詳解

    Springboot項(xiàng)目使用攔截器方法詳解

    這篇文章主要介紹了Springboot項(xiàng)目使用攔截器方法詳解,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2019-09-09
  • mybatis mapper.xml 區(qū)間查詢條件詳解

    mybatis mapper.xml 區(qū)間查詢條件詳解

    這篇文章主要介紹了mybatis mapper.xml 區(qū)間查詢條件詳解,具有很好的參考價(jià)值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2021-09-09
  • SpringSecurity的防Csrf攻擊實(shí)現(xiàn)代碼解析

    SpringSecurity的防Csrf攻擊實(shí)現(xiàn)代碼解析

    這篇文章主要介紹了SpringSecurity的防Csrf攻擊實(shí)現(xiàn)代碼解析,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2020-03-03
  • IDEA編譯亂碼Build Output提示信息亂碼

    IDEA編譯亂碼Build Output提示信息亂碼

    IDEA編譯的時(shí)候亂碼,Build Output提示信息亂碼,本文就詳細(xì)的介紹一下解決方法,有需要的同學(xué)可以了解一下
    2021-06-06
  • ZIP4j 壓縮與解壓的實(shí)例詳解

    ZIP4j 壓縮與解壓的實(shí)例詳解

    這篇文章主要介紹了ZIP4j 壓縮與解壓的實(shí)例詳解的相關(guān)資料,希望通過本文能幫助到大家,需要的朋友可以參考下
    2017-10-10
  • JAVA ArrayList詳細(xì)介紹(示例)

    JAVA ArrayList詳細(xì)介紹(示例)

    本文對JAVA ArrayList做了詳細(xì)介紹,文中學(xué)到了ArrayList源碼解析、ArrayList遍歷方式、toArray()異常,最后給出了ArrayList示例。
    2013-11-11
  • SpringBoot中修改依賴版本的方法

    SpringBoot中修改依賴版本的方法

    這篇文章主要介紹了SpringBoot中如何修改依賴的版本,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2023-08-08
  • Java全面分析面向?qū)ο笾庋b

    Java全面分析面向?qū)ο笾庋b

    或許大家都聽說過java是純面向?qū)ο笳Z言,面向?qū)ο笏枷胍簿褪俏覀兂Uf的OOP,我們聽說最多的思想就是繼承,封裝,多態(tài),今天我們來講一講封裝
    2022-04-04

最新評論