使用$.post和$.get向服务器发送请求

使用.post和.post和.post和.get向服务器发送请求

HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="/jquery_ajax/js/jquery-1.8.3.js"></script>
<script type="text/javascript">//页面加载完成后$(function() {//添加失焦事件$("#username").blur(function() {//获取录入的用户名var usernamevalue = $("#username").val();          //向服务器发送请求var url="/jquery_ajax/load";//使用$.post完成操作$.post(url,{"username":usernamevalue},function(data){$("#username_span").html(data);},"html");//下面是$.get请求$.get(url,{"username":usernamevalue},function(data){$("#username_span").html(data);},"html");});});
</script>
</head>
<body><input type="text" name="username" id="username"><span id="username_span"></span><br><input type="password" name="password"><br></body>
</html>

LoginServlet

public class LoadServlet extends HttpServlet {public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {// 解决乱码request.setCharacterEncoding("utf-8");response.setCharacterEncoding("utf-8");// 1.得到用户名String username = request.getParameter("username");// 2.判断用户名是否可以使用if ("tom".equals(username)) {// 用户名不可以使用response.getWriter().write("<font color='red'>用户名被占用</font>");} else {// 用户名可以使用response.getWriter().write("<font color='green'>用户名可以使用</font>");}}public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {doGet(request, response);}}

web.xml

<servlet><description></description><display-name>LoadServlet</display-name><servlet-name>LoadServlet</servlet-name><!-- Class clazz = Class.forName("com.itheima.servlet.LoadServlet");Object obj = clazz.newInstatnce();// 反射去调用 doGet, doPost--><servlet-class>com.itheima.servlet.LoadServlet</servlet-class></servlet><servlet-mapping><servlet-name>LoadServlet</servlet-name><url-pattern>/load</url-pattern></servlet-mapping>

使用$.post和$.get向服务器发送请求相关推荐

[转]android之Apache Http——向服务器发送请求的同时发送参数
android之Apache Http--向服务器发送请求的同时发送参数使用Get方法提交: 其他步骤与上一节的操作相符,只是在传送地址的时候发送参数的格式如下: //Sname和Sage是实际的数 ...
使用$.ajax向服务器发送请求
使用$.ajax向服务器发送请求 html <!DOCTYPE html> <html> <head> <meta charset="UTF-8&q ...
Ajax学习系列——向服务器发送请求
1.如何发送请求? 如果需要向服务器发送请求,我们使用的是XMLHttpRequest对象中的open()和send()方法. var xhr = new XMLHttpRequest();//具体创 ...
微信小程序API——向服务器发送请求
在微信小程序中,我们可以通过微信的API与服务器进行数据传递,接下来我会详细介绍一下wx.request的用法. 首先给出前端代码,我们定义一个按钮,绑定点击事件,用于给服务器发送请求.当服务器返回数 ...
Okhttp 向服务器发送请求（请求头，表单，post json数据）...
版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/qingfeng812/article/details/52130861 项目地址:https://g ...
html向服务器发送请求有哪些方法,HTTP协议客户端是如何向服务器发送请求
一.HTTP协议解读 HTTP协议:超文本传输协议(HyperText Transfer Protocol)是互联网上应用最为广泛的一种网络协议. 所有的HTML文件都必须遵守这个标准.设计HTTP最 ...
使用esp8266 wifi芯片和DFRduino开发板（Arduino也可以），向自己的服务器发送请求(尽可能详细的说明)
研究过嵌入式方面的人都应该了解 esp8266 wifi芯片,前段时间接触一个小竞赛,需要一块传输数据给服务器的模块,毫不犹豫选择了esp8266,可能是自己孤陋寡闻吧... 进入正题 1. 开发环 ...
向服务器发送请求，服务器返回给客户端的响应状态码列表及其代表含义
目录 1.状态码:100~ 2.状态码:200~ 3.状态码:300~ 4.状态码:400~ 5.状态码:500~ 响应状态码表示服务器的响应状态,在爬虫开发过程中,向服务器发送一个请求,服务器会根据 ...
Python 技术篇-httpClient库连接服务器发送请求解析响应实例演示，No module named ‘httplib‘问题解决方法
新的 python 已经由 httplib 包变成了 http.client. 所以如果还引入 httplib 库就会报错:ModuleNotFoundError: No module named ' ...

使用$.post和$.get向服务器发送请求

使用.post和.post和.post和.get向服务器发送请求

使用$.post和$.get向服务器发送请求相关推荐

最新文章

热门文章