JQuery异步请求之$.get()

影者东升

AJAX各种实现方式
JQuery异步请求之$.get()
语法
例子

AJAX各种实现方式

JQuery异步请求之$.get()

语法

$.get(url,[data],[callback],[type])

url：请求路径

data：请求参数

callback：回调函数

type：响应结果的类型

例子

例子：单击某个按钮，异步请求servlet,然后把响应内容返回给div

jsp代码

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
  <title>$.get()</title>
  <script src="js/jquery-3.3.1.min.js"></script>
  <style>
    input{
      width:300px;
      height: 50px;
      background-color:burlywood ;
    }
    div{
      width:300px;
      height: 200px;
      background-color: pink;
    }
  </style>
  <script>
    function myClick() {
      $.get("demo1", {"name":"林不渣", "age":26, "remarks":"没有女朋友"}, function (data) {
          $("#div").html(data)
        },"text");
    }
  </script>
</head>
<body>
<input type="button" value="单击我触发请求"  > <br><br><br>
<div id="div">
</div>
</body>
</html>

servlet的demo1代码

package com.lingaolu.servlet;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.*;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.Map;
/**
 * @author 林高禄
 * @create 2020-08-07-14:58
 */
@WebServlet("/demo1")
public class Demo1 extends HttpServlet {
  @Override
  protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    request.setCharacterEncoding("utf-8");
    response.setContentType("text/html;charset=utf-8");
    PrintWriter writer =  response.getWriter();
    Map<String, String[]> parameterMap = request.getParameterMap();
    for(String[] sArr:parameterMap.values()){
      for(String s:sArr){
        writer.write("<h1>"+s+"</h1>");
      }
    }
  }
  @Override
  protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    this.doPost(request, response);
  }
}

启动访问，单击按钮前

单击按钮后

[jQuery] JQuery异步请求之$.get()

相关帖子

如何设置pdf默认打开方式

桌面快捷方式删不掉解决方法

使用HTML/CSS/JS做一个恋爱计时小挂件

常用jquery右健禁止命令

javascript怎么实现窗口置顶

JavaScript怎样实现点击出现图片效果

DZ游客搜索提示请求含有非法字符，被系统拒绝的解决方法

使用原生querySelectorAll和forEach来实现点击切换

免插件、DZ内置JS轻松实现外链访问二次确认对话提示框

影者东升 LV4