java中ajax的用法简单案例

Wesley13 等级 181 0 0

1.index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="js/jquery-2.1.0.js"></script>
<script type="text/javascript">
    $(function(){
        //为输入框绑定事件
        $("#btn").click(function(){
            //1、点击提交后获得输入框的内容
            var name = $("#uname").val();
            //AJAX回调(调用后台方法返回数据)
            $.get("HelloAjax",{"uname":name},function(data){
                alert(data);
            })
        })
    })
</script>
</head>
<body>
    <input type="text" id="uname"><input id="btn" type="button" value="提交">
</body>
</html>

2.HelloAjax.java

package web;

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;
//Servlet
@WebServlet("/HelloAjax")

public class HelloAjax extends HttpServlet {
    private static final long serialVersionUID = 1L;
       
    public HelloAjax() {
        super();
    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //获得输入的内容,从request取数据,通俗说就是从浏览器取数据
        String name = request.getParameter("uname");
        System.out.println("欢迎:"+name);
        PrintWriter out = response.getWriter();//返回的是PrintWriter,这是一个打印输出流。
        out.print("this is Ajax");//不仅可以打印输出文本格式的(包括html标签),还可以将一个对象以默认的编码方式转换为二进制字节输出
    }
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        doGet(request, response);
    }

}
收藏
评论区

相关推荐

ajax
ajax定义 :异步的JavaScript 和 XML 是一种综合技术:运用了XMLHTTPRequest (xhr) 和服务器交换数据,通过JavaScript 局部渲染页面,从而实现异步的局部更新 同步与异步同步 代码按顺序执行,会阻塞代码执行(alert) 异步 不会阻塞代码 XMLHTTPRequest xhrjs var xhr new
AJAX
我们知道,根据浏览器的保护规则,跨域的时候我们创建的sessionId是不会被浏览器保存下来的,这样,当我们在进行跨域访问的时候,我们的sessionId就不会被保存下来,也就是说,每一次的请求,服务器就会以为是一个新的人,而不是同一个人,为了解决这样的办法,下面这种方法可以解决这种跨域的办法。 我们自己构建一个拦截器,对需要跨域访问的request头部重
JS实现下载的常用方案
如何使用JS实现异步下载吗?即:既能实现下载又不刷新页面。这时我们常常会想到使用ajax,但是由于ajax接受的response始终是字符串,因此并不能使用ajax来实现下载功能。 常见是新建下载的方法为 1,a标签 2,url跳转, 3,提交表单, 其中a标签体验好些,其他两个会打开一个新标签再下载再关闭新标签,整个过程让人感觉眼花缭
JavaEE从服务器端解决Ajax跨域问题
1、Ajax跨域简介   1、指的是浏览器不能执行其他网站的脚本。是浏览器施加的安全限制。js本身不跨域,使用form表单和iframe直接请求,是不会跨域的;   2、只要两个url的协议、域名、端口其中有一个不同,从其中一个url中使用ajax请求另一个url,则属于Ajax跨域;   3、ajax请求接口,只是不能进入回调函数,接口还是可以正常请
java中ajax的用法简单案例
1.index.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript" src="js/jquery-2.1.0.js">
java第五周
AJAX的工作原理及其工作原理: ### 1.定义及工作原理   AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。AJAX 不是新的编程语言,而是一种使用现有标准的新方法。AJAX 不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行。   AJAX 是一种用于
AJAX与Django
AJAX ---- #### 什么是AJAX? AJAX不是JavaScript的规范,它的缩写:Asynchronous JavaScript and XML,意思就是用JavaScript执行异步网络请求。提交任务之后,不原地等待,直接执行下一行代码,任务的返回通过回调机制。 局部刷新,不整体刷新,而是界面莫个地方局部刷新 #### AJAX原理
AjaxPro.dll,asp.net 前台js调用后台方法(无刷新)
1、什么是Ajax --------- Ajax是异步Javascript和XML(Asynchronous JavaScript and XML)的英文缩写。"Ajax"这个名词的发明人是Jesse James Garrett,而大力推广并且使Ajax技术炙手可热的是Google。Ajax的核心理念在于使用XMLHttpRequest对象发送异步请求。
Ajax各个参数的说明
Ajax各个参数的说明 $.ajax({      url: "http://www.hzhuti.com",    //请求的url地址      dataType: "json",   //返回格式为json      async: true, //请求是否异步,默认为异步,这也是ajax重要特性    
Ajax快速入门
最近需要使用ajax,json传数据,快速学习了下ajax,把基本的东西拿出来分享一下,打算以问题的形式来进行文章的编写~go! (一)什么是Ajax? Ajax是一种无需加载整个网页,快速刷新局部网页的技术。Ajax不是新的编程语言,而是一些老技术的融合。 (二)Ajax用到了什么技术? 异步数据获取技术:使用XMLHttpReques
Ajax轮询,Ajax长轮询和websocket简单介绍
1、ajax轮询 ajax轮询 的原理非常简单,让浏览器隔个几秒就发送一次请求,询问服务器是否有新信息。 客户端:你好在吗? 客户端:你好在吗? 客户端:你好在吗? 服务端:在的 2、long poll (长轮询)其实原理跟 ajax轮询 差不多,都是采用轮询的方式,不过采取的是阻塞模型(一直在呼叫,等不到你,我愿孤独终老,很执着),也就是说
Chrome
在进行前后分离的 webapp 开发,或者 H5 移动 App 开发时,我们会使用 PC 端浏览器进行开发调试。但默认情况下 Ajax 请求无法跨域访问,请求时会报如下错误:  XMLHttpRequest cannot load http://127.0.0.1:8080/ptmo/services/ptmo/v1/execOneSql. Respons
Django框架 之 Ajax
Django框架 之 Ajax =============== 浏览目录 ==== * AJAX准备知识 * AJAX与XML的比较 * AJAX简介 * jQuery实现的ajax * AJAX参数 * AJAX请求如何设置csrf\_token * 序列化
Django(十二)视图
一、Ajax基本概念 ========== 【参考】:[https://www.runoob.com/jquery/jquery-ajax-intro.html](https://www.oschina.net/action/GoToLink?url=https%3A%2F%2Fwww.runoob.com%2Fjquery%2Fjquery-ajax-i
Spring MVC Controller 接收ajax传来的数组参数
Spring MVC Controller 接收ajax传来的数组参数 =================================== var arry = ['1','2','3']; //就是最普通的jquery ajax向后台直接发送数据 $.ajax({ type:'post', ur