如何使用AJAX—II

最新推荐文章于 2022-12-18 16:40:11 发布
最新推荐文章于 2022-12-18 16:40:11 发布
阅读量706 收藏
点赞数
分类专栏： servlet JSP AJAX 文章标签： ajax
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/BOGEWING/article/details/103468984
版权
JSP 同时被 3 个专栏收录
15 篇文章 0 订阅
订阅专栏
servlet
8 篇文章 0 订阅
订阅专栏
AJAX
5 篇文章 0 订阅
订阅专栏

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

package ajax;

import java.io.IOException;
import java.io.OutputStream;
import java.util.HashMap;
import java.util.Map;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.alibaba.fastjson.JSON;

public class myServlet extends HttpServlet {

	@Override
	protected void doGet(HttpServletRequest req, HttpServletResponse resp)
			throws ServletException, IOException {
		OutputStream out = resp.getOutputStream();

//		out.write("hell world!".getBytes());
		Map map=new HashMap();
		map.put("name", "小名");
		map.put("age",18);
		map.put("sex", "男");
		Object obj=JSON.toJSON(map);
		out.write(obj.toString().getBytes());
		out.close();
	}

	@Override
	protected void doPost(HttpServletRequest req, HttpServletResponse resp)
			throws ServletException, IOException {
		// TODO Auto-generated method stub
		super.doPost(req, resp);
	}

}


package com.cvs.dao;

import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.util.ArrayList;
import java.util.List;

import com.cvs.model.User;
import com.cvs.util.DBUtil;

public class UserDao {
	public List<User> findAllUsers() {
		List list = new ArrayList();

		Connection conn = DBUtil.getConnection();
		try {
			PreparedStatement ps = conn.prepareStatement("select * from user ");
			ResultSet rs = ps.executeQuery();
			while (rs.next()) {
				User user = new User();
				user.setName("");
				user.setPassword("");
				String name = rs.getString("username");
				String password = rs.getString("password");
				user.setName(name);
				user.setPassword(password);
				list.add(user);
			}
			rs.close();
			ps.close();

		} catch (SQLException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		} finally {// 无论有没有异常都会执行
			DBUtil.closeConn();
		}
		return list;
	}

	public User findUserByName(String username) {
		User user = new User();
		user.setName("");
		user.setPassword("");
		Connection conn = DBUtil.getConnection();
		try {
			PreparedStatement ps = conn
					.prepareStatement("select * from user where username=?");
			ps.setString(1, username);
			ResultSet rs = ps.executeQuery();
			while (rs.next()) {
				String name = rs.getString("username");
				String password = rs.getString("password");
				user.setName(name);
				user.setPassword(password);
			}
			rs.close();
			ps.close();

		} catch (SQLException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		} finally {// 无论有没有异常都会执行
			DBUtil.closeConn();
		}
		return user;
	}

	public Boolean addUser(User user) {
		Connection conn = DBUtil.getConnection();
		boolean flg = false;
		try {
			PreparedStatement ps = conn
					.prepareStatement("insert into user(username,password,sex,hometown,birthday,ismery,address) value (?,?,?,?,?,?,?)");
			ps.setString(1, user.getName());
			ps.setString(2, user.getPassword());
			ps.setString(3, user.getSex());
			ps.setString(4, user.getHometown());
			ps.setString(5, user.getBirthday());
			ps.setString(6, user.getSex());
			ps.setString(7, user.getAddress());
			flg = ps.execute();
			ps.close();

		} catch (SQLException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		} finally {
			DBUtil.closeConn();
		}

		return true;
	}
}


package com.cvs.model;

public class User {

	private int id;
	private String name;
	private String password;
	private String sex;
	private String birthday;
	private String hometown;
	private String address;//现在住址
	private String isMer;
	
	public String getAddress() {
		return address;
	}
	public void setAddress(String address) {
		this.address = address;
	}
	public String getIsMer() {
		return isMer;
	}
	public void setIsMer(String isMer) {
		this.isMer = isMer;
	}
	public int getId() {
		return id;
	}
	public void setId(int id) {
		this.id = id;
	}
	public String getName() {
		return name;
	}
	public void setName(String name) {
		this.name = name;
	}
	public String getPassword() {
		return password;
	}
	public void setPassword(String password) {
		this.password = password;
	}
	public String getSex() {
		return sex;
	}
	public void setSex(String sex) {
		this.sex = sex;
	}
	public String getBirthday() {
		return birthday;
	}
	public void setBirthday(String birthday) {
		this.birthday = birthday;
	}
	public String getHometown() {
		return hometown;
	}
	public void setHometown(String hometown) {
		this.hometown = hometown;
	}
	@Override
	public String toString() {
		return "User [id=" + id + ", name=" + name + ", password=" + password + ", sex=" + sex + ", birthday="
				+ birthday + ", hometown=" + hometown + "]";
	}
	
}


package com.cvs.servlert;

import java.io.IOException;
import java.io.OutputStream;
import java.util.HashMap;
import java.util.Map;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.alibaba.fastjson.JSON;
import com.cvs.dao.UserDao;
import com.cvs.model.User;

public class LoginServlert extends HttpServlet{

	@Override
	protected void doGet(HttpServletRequest req, HttpServletResponse resp)
			throws ServletException, IOException {
		// TODO Auto-generated method stub
		String username=req.getParameter("username");
		String password=req.getParameter("password");
		UserDao userDao=new UserDao();
		User user=userDao.findUserByName(username);
    	Map map=new HashMap();

        if (null!=user&&user.getName().equals(username)&&user.getPassword().equals(password)){
        	map.put("status", 1);
        	map.put("msg", "登录成功！");

        }else{
        	map.put("status", 0);
        	map.put("msg", "登录失败！！！");
        	
        }
			OutputStream out= resp.getOutputStream();
			String json= JSON.toJSONString(map);
			out.write(json.getBytes());
			out.close();
	}
		


	@Override
	protected void doPost(HttpServletRequest req, HttpServletResponse resp)
			throws ServletException, IOException {
		// TODO Auto-generated method stub
		super.doPost(req, resp);
	}

}


package com.cvs.util;

import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.SQLException;

public class DBUtil {

	private static Connection conn=null;
	//打开链接
	public static Connection getConnection () {
		//加载驱动
		try {
			Class.forName("com.mysql.jdbc.Driver");//加载驱动
			conn=DriverManager.getConnection("jdbc:mysql://localhost:3306/qqs", "root", "123456");//获取连接
			
			
		} catch (ClassNotFoundException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}catch (SQLException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		return conn;
	}
	//关闭链接
	public static void closeConn() {
		if(null!=conn) {
			try {
				conn.close();
			} catch (SQLException e) {
				e.printStackTrace();
			}
		}
	}
}


<%@ 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%>">
    <script type="text/javascript" src="js/jquery.js"></script>
    <title>My JSP 'index.jsp' starting page</title>
	
  </head>
  
  <body>
   <input type="text" id="context"><span id="sp1">请输入用户名</span>
  </body>
  <script type="text/javascript">
$("#context").blur(function(){
$("#b001").click(function(){
   $.ajax(
   {
   url:"asd",
   success:function(data){
   $("#sp1").text(data);
   }
   }
   );
});
})



/*$("#b001").click(function(){
   $.ajax(
   {
   url:"abc.html",
   success:function(data){
   $("#myid").html(data);
   }
   }
   );
});*/
</script>
<html>

<%@ 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 'login.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">
	-->
		<script type="text/javascript" src="js/jquery.js">
</script>
	</head>

	<body>
		<form action="">
			<input name="username" id="username" type="text">
			<input name="password" id="password" type="password">
			<input type="button" id="b001" value="登录">

		</form>
		<script type="text/javascript">
$("#b001").click(function() {
	var username = $("#username").val();
	var password = $("#password").val();
	$.ajax( {
		url : "login",
		dataType : "json",
		data : {
			"username" : username,
			"password" : password
		},
		success : function(data) {
			alert(data.status);
			window.location.href = "success.jsp";
		}
	});
});
</script>
	</body>
</html>


<%@ 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 'success.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>
 登录成功！！！
  </body>
</html>

web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
	http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
	<welcome-file-list>
		<welcome-file>index.jsp</welcome-file>
	</welcome-file-list>
	<servlet>
		<servlet-name>abc</servlet-name>
		<servlet-class>ajax.myServlet</servlet-class>

	</servlet>
	<servlet-mapping>
		<servlet-name>abc</servlet-name>
		<url-pattern>/asd</url-pattern>
	</servlet-mapping>


	<servlet>
		<servlet-name>login</servlet-name>
		<servlet-class>com.cvs.servlert.LoginServlert</servlet-class>

	</servlet>
	<servlet>
		<description>This is the description of my J2EE component</description>
		<display-name>This is the display name of my J2EE component</display-name>
		<servlet-name>FindUsersServlet</servlet-name>
		<servlet-class>com.cvs.servlert.FindUsersServlet</servlet-class>
	</servlet>

	<servlet-mapping>
		<servlet-name>login</servlet-name>
		<url-pattern>/login</url-pattern>
	</servlet-mapping>
	<servlet-mapping>
		<servlet-name>FindUsersServlet</servlet-name>
		<url-pattern>/servlet/FindUsersServlet</url-pattern>
	</servlet-mapping>


	<servlet>
		<servlet-name>users</servlet-name>
		<servlet-class>com.cvs.servlert.FindUsersServlet</servlet-class>

	</servlet>
	<servlet-mapping>
		<servlet-name>users</servlet-name>
		<url-pattern>/users</url-pattern>
	</servlet-mapping>


</web-app>
使用Ajax请求Json
tianxingege_的博客
07-12 2382
第一种方法 //创建请求对象 var request = new XMLHttpRequest(); //配置请求参数，请求方式，请求地址 request.open("get", "..js/aap.json", true); //请求处理函数 request.onreadystatechange = function() { if (request.readyState == 4
使用Ajax需要安装什么,AJAX安装
weixin_32506617的博客
08-06 2559
AJAX安装http://ajaxcontroltoolkit.codeplex.com/releases/view/338041>安装Ajax ASPAJAXExtSetup.msi (在http://ajax.asp.net下载)2>安装Ajax模板 ASPAJAXSamples.msi3>下载 最新版本 ajaxcontroltoolkithttp://www.codepl...
Django中使用AJAX
weixin_40133285的博客
03-20 7749
Django AJAX JQuery 提升用户体验 csrfmiddlewaretoken for循环 单数据提交 单行数据提交 onclick keydown mouseout addEventListener
Ajax的基本使用
weixin_67235801的博客
05-04 7729
Ajax的基本使用，无刷新登录，使用Ajax实现搜索自动提示
vue项目使用ajax
xu_xu_0924的博客
02-28 3490
<el-button type="primary" icon="el-icon-plus" size="small" @click="openadd()">新增 </el-button> $.extend({ //ajax全局调用 jsonAjax: function (options, callbackSuc, callbackErr) { options = $.extend(options, {"_r": Math.random()}); .
使用Ajax发起JSONP请求
最新发布
qq_43808342的博客
12-18 2117
对基于Ajax发起的JSONP请求做了一个简单的总结
ajax使用方法
热门推荐
阿鹏的博客
05-21 2万+
ajax一个前后台配合的技术，它可以让javascript发送http请求，与后台通信，获取数据和信息。ajax技术的原理是实例化xmlhttp对象，使用此对象与后台通信。jquery将它封装成了一个函数$.ajax()，我们可以直接用这个函数来执行ajax请求。 ajax需要在服务器环境下运行。 $.ajax使用方法 常用参数： 1、url 请求地址 2、type 请求方式，默认是’GET’，常...
vue使用ajax库,在vue.js中使用Ajax发送get和post请求
weixin_36310976的博客
08-05 2263
在使用vue.js的时候，怎么和后台进行数据交互？你是否发现直接像jquary那样写是不可行的，因为vue.js中没有内置任何ajax请求方法。所以需要借助第三方资源库在发送ajax请求。一、资源库的安装和使用使用vue.js发送ajax请求，要使用vue-resource(vue1.0版本)、axios(vue2.0版本)等插件实现。1、利用npm安装(二选一)npm install axios...
ajax的使用完整步骤,Ajax的使用四大步骤
weixin_36047554的博客
08-05 4002
什么是ajax?ajax(异步javascript xml) 能够刷新局部网页数据而不是重新加载整个网页。如何使用ajax?第一步，创建xmlhttprequest对象，var xmlhttp =new xmlhttprequest();xmlhttprequest对象用来和服务器交换数据。var xhttp;if (window.xmlhttprequest) {//现代主流浏览器xhttp =...
使用AJAX实现上传文件
AP0906424的博客
02-07 1万+
前端代码 <form id="uploadForm" method="post" enctype="multipart/form-data"> <label >上传电子书</label> <input type="file" name="file" > <button id="upload" type="button" name="button" >上传</button> </form&gt..
C# 如何使用ajax请求
08-18
C# 如何使用ajax请求 C# 使用ajax请求是指在C# 项目中使用ajax技术来实现异步更新网页的内容。ajax即“Asynchronous Javascript And XML”（异步JavaScript 和 XML），是指一种创建交互式、快速动态网页应用的网页...
使用AJAX完成用户名是否存在异步校验
12-11
使用AJAX完成用户名是否存在异步校验: 1.事件触发: * onblur 2.编写AJAX代码: * 项Action中提交:传递username参数 3.编写Action * 接收username:模型驱动接收. 4.* 编写实体类 * User * User.hbm.xml * 配置到spring...
Ajax（Ajax使用js包）
02-27
使用Ajax实现从服务器读取数据，包括Ajax实现的详细步骤
使用Ajax与服务器（JSON）通信实例
10-21
Ajax通过使用异步通信手段，改善了用户体验，解决了页面刷新的问题。 二、Ajax的通信手段 1. 同步通信：客户端向服务器发送请求后，必须等待服务器响应后才能继续执行后续操作，这会造成用户界面的阻塞。 2. 异步...
JSP动态网站开发与项目实战
BOGEWING的博客
11-05 3135
JSP动态网站开发与项目实战 使用占位符更加安全 package com.cs.model; import java.sql.DriverManager; import java.sql.PreparedStatement; import com.mysql.jdbc.Connection; import com.mysql.jdbc.Driver; import com.mysql.jd...
个人官网
BOGEWING的博客
12-19 2151
个人官网 package com.cvs.dao; import java.sql.Connection; import java.sql.PreparedStatement; import java.sql.SQLException; import com.cvs.util.DBUtil; public class MessageDao { public int addMessage...
如何使用AJAX—IV
BOGEWING的博客
12-10 1971
package ajax; import java.io.IOException; import java.io.OutputStream; import java.util.HashMap; import java.util.Map; import javax.servlet.ServletException; import javax.servlet.http.HttpServl...
qqzone练习I
BOGEWING的博客
11-25 1124
package com.cvs.contorller; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpSer...
项目基础——增删改查
BOGEWING的博客
11-18 1073
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+reque...
使用Ajax与GoogleSearchAPI集成
"这篇文章是关于如何使用Ajax技术与Google的AjaxSearch API进行交互，从而增强Web应用程序的功能。作者Brett McLaughlin引导读者理解如何利用公共API，特别是Google的API，来扩展自己的Web应用，而不仅仅是与自己的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

筱沁翼翼

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值