首先编写JS部分代码

JavaScript方式

..已经忘记了。。

jQuery方式

其实有JQuery方式完全没人用javaScript方式

演示代码:点击一个按钮，传递过去一个 age=25 ，再返回回来两个。

JS部分

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><base href="<%=basePath%>"><title>My JSP 'index.jsp' starting page</title><meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="expires" content="0">    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="This is my page"><!--<link rel="stylesheet" type="text/css" href="styles.css">--></head><body><input type="text" id="my-content"><input type="button" value="点击" οnclick="start();"></body><script type="text/javascript" src="js/jquery-3.2.1.js"></script><script type="text/javascript" >/*    /servlet/Test2 */function start(){var content=$("#my-content").val();$.ajax({url:'servlet/Test3',type:'POST', //GETasync:true,    //或false,是否异步data:{name:'yang',age:25//想要传输过去的数据 key：value，另一个页面通过 key接收value的值},timeout:5000,    //超时时间dataType:'text',    //返回的数据格式：json/xml/html/script/jsonp/textsuccess:function(data,textStatus,jqXHR){//data是成功后，接收的返回值console.log(data);console.log(textStatus);console.log(jqXHR);$("#my-content").val(data);//将返回成功的值展示到input里}});}</script>
</html>

Java部分代码

public void doPost(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {request.setCharacterEncoding("UTF-8");response.setCharacterEncoding("UTF-8");response.setContentType("text/html");String age=request.getParameter("age");//接收Ajax传过来的值PrintWriter out = response.getWriter();//新建一个out对象//把他输出就相当于把数据返回了。//write 与 print 不同，必须是手动把数据装换成String类型out.write(String.valueOf((age+age)));}

如果是JSON数据的话记住封装与解析。

var last=JSON.stringify(obj); //将JSON对象转化为JSON字符

alert(last);

使用这个方法在html页面验证数据

在JSP中运用 Ajax相关推荐

ajax地址为jsp,AJAX_在jsp中运用ajax(简单入门)，由于ajax为我们带来太多的好处 - phpStudy...
在jsp中运用ajax(简单入门) 由于ajax为我们带来太多的好处,所以在很多应用中我们都会优先选择这种技术,于是我也为之所吸引,现跟大家分享下一个简单的入门例子. regist.jsp文件:一个简 ...
JSP中使用AJAX示例分别将结果提交为STRUTS，SERVLET WEBWORK的不同操作方式
我原先刚开始学AJAX的时候,忘了从什么地方拉下来的一篇文章,不过,如果没有AJAX基础,最好不看这篇示例,因为你肯定看不懂,因为这个示例页不能够给你立即看到立即实现的效果,你应该先去看一个最简单的示 ...
JAVA中.jsp模板文件AJAX异步请求 - 数据渲染问题
JAVA中.jsp模板文件AJAX异步请求 - 数据渲染失败,谁的过失? 后端已经查询出来结果,但是返回的API接口response查看不到对应的信息.(即:后台有,前台没有) 原因分析: 是因为AJ ...
jsp怎么接受ajax请求参数,通过ajax发送JSON并通过JSP中的请求获取参数
我需要通过ajax(使用Jquery)发送JSON对象,并通过JSP(服务器端)中的请求对象获取所有参数.通过ajax发送JSON并通过JSP中的请求获取参数我的JS代码: var request ...
利用ajax从jsp中返回的字符串时出现回车符号解决办法
问题背景:通过ajax来实现检测用户名,若用户名已存在,则提示已存在并且清空文本框:若不存在则提示可用.在checkname.jsp中写的时候,通过out.write();返回提示,在index.js ...
jsp中Ajax请求发送PUT、DELETE请求的方式_刘锋的博客
jsp中Ajax请求发送PUT.DELETE请求的方式方式一首先配置pom.xml ,添加过滤器 <filter><filter-name>hiddenHttpMethod ...
vue定时ajax获取数据,vue 中使用 AJAX获取数据的方法
在VUE开发时,数据可以使用jquery和vue-resource来获取数据.在获取数据时,一定需要给一个数据初始值. 看下例: new Vue({ el:'#app', data:{data:&qu ...
js ajax 访问java函数,将url分配给Java EE项目中的ajax（js）函数
我正在Ajax中尝试使用我的第一个项目,并且在分配指向要从服务器中获取的文件的绝对URL时遇到问题.将url分配给Java EE项目中的ajax(js)函数这是我的函数: function fetc ...
ajax上传 java,javaWeb中使用ajax上传文件
javaWeb上传图片上传文件所必要的两个jar包:commons-fileupload.jar.commons-io.jar. 核心代码: String withPath = req.getSer ...

在JSP中运用 Ajax

首先编写JS部分代码

JavaScript方式

jQuery方式

Java部分代码

在JSP中运用 Ajax相关推荐

最新文章

热门文章