一个最简单的ajax+jquery

最新推荐文章于 2022-05-21 11:45:46 发布
最新推荐文章于 2022-05-21 11:45:46 发布
阅读量389 收藏
点赞数
文章标签： ajax function html jquery tomcat string
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tntzyf/article/details/2595457
版权

最近开始看jquery的ajax部分做了第一个例题

index.html: 

<html>

<body>

<script type="text/javascript" src="jquery-1.2.3.pack.js"></script>

<script type="text/javascript">

$(document).ready(function(){

	$("#a").keyup(function(){

		$("#kk").html("");

		$.get("add.jsp",{a:$("#a").val(),b:$("#b").val()},function(html){

    		$("#kk").append(html);

  		});

	});

	$("#b").keyup(function(){

		$("#kk").html("");

		$.get("add.jsp",{a:$("#a").val(),b:$("#b").val()},function(html){

    		$("#kk").append(html);

  		});

	});

});



</script>

<input type="text" id="a"></input>+<input type="text" id="b"></input>

<div id="kk">

</div>

</body>

</html>

add.jsp :

 

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"

    pageEncoding="ISO-8859-1"%>

<!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=ISO-8859-1">

<title>Insert title here</title>

</head>

<body>

<%

	String aStr = request.getParameter("a");

	String bStr = request.getParameter("b");

	Double a = Double.parseDouble(aStr);

	Double b = Double.parseDouble(bStr);

	out.print(a+b);

%>

</body>

</html>
在tomcat里面新建一个工程把这两个文件和jquery.js部署到里面去后再加入一个WEB-INF文件夹后启动tomcat就可以运行了
tntzyf
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JQuery及ajax简单运用
钰团的博客
06-08 379
JQuery及ajax简单运用 首先简单的介绍一下JQuery它是一个轻量级的javascript类库， 我们只需要知道他们的功能，就能调用 我们写好就一个类“jQuery”，简写“”它的优点：1总是面向集合2多行操作集于一行我们先将jquery.min.jsjar包导入到自定位置并引用‘‘‘&lt;scripttype=&quot;text/javascript&quot...
jquery+ajax+ashx实现的一个简单ajax 效果
08-17 6361
     自己虽然以前也用ajax但总感觉那里觉得不对，以前ajax都是请求aspx页面，那页面多的数不清，自己也觉得很乱。自己最近在工作中，也觉得同事用的jquery+ashx用起来相当的简洁方便。帮在这里做了一个小的demo来       无标题页     function GetCategoryData(type) { al
Ajax简单教程
Daisy_Journal的博客
11-16 244
Ajax流程图: 一:GET请求 目录结构 index.html <html> <head> <meta charset="utf-8"> <title>get请求数据</title> </head> <body> <input type="button" value="get数据" /> &lt...
AJAX与Jquery整合
YQ转战JAVA学习的小白
07-13 203
AJAX与Jquery整合 Jquery的AJAX操作 $.ajax（）他是一个Jquery提供的最基本的AJAX编程方式。功能强大，但使用麻烦。一般不使用。它是将远程数据家在道XMLhttPRequest对象中。 load，get，post 他们简化了$.ajax的操作，get post针对get，post请求方式的。他们是开发中应用较多的。 load(了解) 载入远程HTML文件代码并插入DOM中 load方法会插入指定的DOM中。当用元素调用时，执行的就是插入该元素内。相当于.htm
Ajax+jQuery
m0_58680865的博客
08-20 296
AJAX-异步JavaScript和XML AJAX原理：异步JavaScript和XML。 什么是Ajax： AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。 同步与异步： 异步传输是**面向字符的传输，它的单位是字符；而同步传输是面向比特的传输，它的单位是帧，它传输的时候要求接受方和发送方的时钟是保持一致**的。 AJAX的工作原理： Ajax的工作原理相当于在**用户和服务器之间加了—个中间层(AJAX引擎)，使用户操作与服务器响应异步化。并不是所有的用户请求都提交给服务器。像
史上最简单AJAX例子
stevenbill的博客
02-10 287
此篇也是 AJAX全称为“Asynchronous JavaScript and XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。 国内通常的读音为“阿贾克斯”。 下面是一个最简单的AJAX验证用户名是否存在的例子。 JSP页面 //下面这个不理解没关系，反正就是为了不同的浏览器创建不同的X...
JQuery+Ajax
qq_48642210的博客
03-07 663
jQuery 什么是jQuery？ jQuery是一款JavaScript库，query的用途是来做查询 使用jQuery让我们的对html文档遍历和操作，事件处理、动画以及Ajax变得简单（write less,do more） jQuery的使用 下载jQuery库 下载地址：https://jquery.com/download/ 引入jQuery库 <script src="https://code.jquery.com/jquery-3.6.0.min.js"><
php+jquery+ajax最简单例子
08-28
这个“php+jquery+ajax最简单例子”旨在教你如何使用这些工具实现一个基本的异步数据交换功能。 首先，让我们深入了解这三个概念： 1. PHP（Hypertext Preprocessor）：这是一种服务器端脚本语言，主要用于网页...
Django+Ajax+jQuery实现网页动态更新的实例
09-20
这个实例将展示一个简单的搜索功能，通过实时获取并显示数据，而无需刷新整个页面。 首先，我们需要在Django的视图（views.py）中添加一个处理Ajax请求的函数。在本例中，我们定义了一个名为`getdevjson`的函数，它...
Spring+SpringMVC+Mybatis+Maven+bootstrap+ajax+jQuery整合开发简单的员工后台管理系统
05-08
在构建一个基于Spring、SpringMVC、Mybatis、Maven、Bootstrap、ajax和jQuery的简单员工后台管理系统时，我们需要理解这些技术的核心概念以及它们如何协同工作。以下是对这些技术的详细说明： 1. **Spring框架**：...
ajax最简单例子
08-21
ajax最简单例子,适合初学者看.
最简单的ajax html
10-13
简单的ajax html
一个最简单的AJAX例子
01-03
一个最简单的AJAX例子 好看来评论哦.
Asp.net Ajax+JQuery 无刷新文件上传
12-01
jQuery库则提供了一套轻量级的JavaScript API，使DOM操作、事件处理、动画设计以及Ajax交互变得更加简单。在文件上传场景下，jQuery可以用于监听文件选择事件，获取文件信息，以及发送Ajax请求到服务器。 接下来，...
ASP+ajax+jQuery--顶-踩-无刷新【点赞】程式3.0 修正调试版
02-15
3. 当用户点击按钮时，jQuery会阻止默认的表单提交行为，而是通过Ajax向ASP.NET Web方法发送一个异步请求，包含用户的选择（点赞或踩）。 4. ASP.NET Web方法接收到请求后，处理数据并返回响应，比如新的点赞计数。 ...
Ajax+jquery 的前后台交互学习
奋斗中的小健健的专栏
01-16 1万+
一、AJAX简介    AJAX即“Asynchronous JavaScript and XML”（异步JavaScript和XML)，是指一种创建交互式网页应用的网页开发技术。AJAX不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的 Web 应用程序的技术。    AJAX使用Javascript向服务器提出请求并处理响应而不阻塞用户！核心对象是XMLHTTPRequest。
最简单的Ajax使用
tianlei11的博客
05-23 165
ajax一共就那么几步： 1.创建ajax 2.给ajax加事件 3.打开ajax 4.发送ajax 5.事件函数 没了！！ <script> var ajax=new XMLHttpRequest(); ajax.addEventListener("load",loadHandler); ajax.open("GET","http://localhost:4001?user=张三"); ajax.send(); function loadHandler(
最简单最实用的ajax（一）基础通用ajax <转>
weixin_33816946的博客
10-12 145
最简单最实用的ajax（一）基础通用ajax 最通用的ajax实现整理，不调用jquery，asp.net ajax等框架，最原始ajax实现，兼容IE，FireFox。 三种最常用的数据格式（字符串、XML、JSON）的ajax实现。提纲： 一.AJAX 概述二.建立xmlHTTPRequest对象 三.AJAX 异步获取字符串四.AJAX 处...
简单使用ajax
weixin_56162501的博客
05-21 223
简单的使用ajax 借助jquery: https://jquery.cuishifeng.cn/ (1) 在网页中引入jquery库 <!--引入jquery库--> //注意: <script>必须使用双标签 <script type="text/javascript" src="js/jquery-3.5.1.min.js"></script> (2)ajax的语法:—get提交方式。 [] 表示可有可无。 jQuery
jQuery ajax 简单的实例
热门推荐
1号帅比的博客
10-06 3万+
通过jQuery ajax实现从服务器查询数据，返回给前端并显示到html页面 html文件 &lt;!DOCTYPE html&gt; &lt;html lang="zh-CN" xmlns:th="http://www.thymeleaf.org"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;ti
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值