页面登录获取信息案例post方法

最新推荐文章于 2023-09-14 11:30:41 发布
最新推荐文章于 2023-09-14 11:30:41 发布
阅读量455 收藏 1
点赞数
文章标签： ajax
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Rowse/article/details/125058628
版权
本文介绍了一个利用Ajax的POST方法实现页面登录信息获取的案例。通过jQuery插件，点击按钮触发事件，获取输入框内的用户名、密码和验证码，以字符串形式发送到控制器。控制器使用User实体类接收参数并返回数据显示在控制台。案例中开发工具为Visual Studio 2019，主要涉及Ajax技术。
摘要由CSDN通过智能技术生成

此次我们学习的案例是页面登录获取信息案例也就是从文本框内获取数据到控制台显示出来的一种方式，以下是以$.ajax()方法在控制器中使用实体类对象接收参数使用post方式请求 

 首先在控制台上写上字符串组成然后加入返回值

public ActionResult ajaxPostData(User user)

        {

            string str = "账户:" + user.account + ";密码:" + user.password + ";验证码:" + user.code;

            return Content(str);

        }  

特别是User还要写上实体类

public class User

        {

            public string account { set; get; }

            public string password { set; get; }

            public string code { set; get; }

        }

 <div c

最低0.47元/天 解锁文章
Rowse
关注
页面自动请求Ajax 用于登录成功后自动请求数据
qq_46628483的博客
10-23 1209
我们登录验证成功后，去请求controller层时，因为使用了@RestController所以就无法直接跳转到我们的展示页面。所以我考虑验证成功后直接去展示的HTML，在那里让展示页面Ajax自动去请求controller完成登录成功后展示页面数据的查询。我们在show.html中的js写window.onload=function(){ 到该页面时，括号中代码会自动执行}当我们点击登录后js后Ajax发送请求，数据存在返回“OK”，我们就直接跳转到展示页面。
python中post请求方式的网页如何获取信息
qq_43184626的博客
02-02 908
今天写一个爬虫代码的时候，目标网页的数据请求方式为post,现在记录一下今天的收货。 1.首先我遇到的问题我的思路是：response=requests.post(url,headers=head,data=datas,proxies =‘某个代理ip’) 按照这个思路，我给各个参数赋值之后，发现我print(response)返回状态码是200,说明我们是可以访问的，但是我print(response.text)返回值为none,这说明我们虽然访问成功了，但是并没有得到任何网页数据，这时候我的第一反应是代
前端打开单点登录的页面（post方式）
weixin_44679078的博客
09-19 2161
前端小菜鸟一名，用的框架多把form表单能够提交数据都给忘了哈哈，记录一下 这里是原本自己一个系统，然后通过调用自己系统的后台获取到打开另一个系统页面所需的参数（token那些），将这堆参数通过post请求的方式发送给另一个系统的单点登录接口，另一个系统进行验证和重定向，这样就可以免登陆进入另一个系统的页面。 而通过post请求的方式发送给另一个系统的单点登录接口，就是用form表单进行发送，下面是主要代码 // 第一个参数是另一个系统的单点登录接口 // 第二个参数是请求的方式 // 第三个参数是携带的参
HTTP GET POST 获取
huang714的专栏
03-20 186
public class WebHttp { /// <summary> /// get请求带重试 /// </summary> /// <param name="Url"></param> /// <param name="postDataStr"></param> /// <param name="su...
使用POST方式获取页面
一个程序猿无聊时的随笔
01-07 1620
问题网站：朝鲜中央通讯 网址:http://www.kcna.kp/kcna.user.article.retrieveNewsViewInfoList.kcmsf 问题描述： 该网站支持多语言，默认返回朝鲜语。在网页上可以选择查看中文版，但在配置模板的时候，只返回朝鲜语。 解决过程： 经过分析，发现该网站是采用Post方式发送lang参数来获取不同语言的页面，相应操作如下。 在Sou
如何获取当前登录信息
weixin_44675585的博客
12-25 890
ServletRequestAttributes servletRequestAttributes= (ServletRequestAttributes)RequestContextHolder.getRequestAttributes(); HttpServletRequest request = servletRequestAttributes.getRequest(); String t...
Flask web开发处理POST请求实现（登录案例）
09-20
这意味着这个URL既可以处理GET请求（比如显示登录页面），也可以处理POST请求（比如提交登录信息）。 处理POST请求时，我们会经常用到`request`对象。这个对象包含与请求相关的所有信息。例如，使用`request.form`...
易语言-精易论坛POST登录账号信息列表获取
06-26
在描述中提到的源码，很可能是实现了使用POST方法来发送登录信息到精易论坛的代码。 易语言，全称“易学易用计算机程序设计语言”，是一种面向普通用户的编程语言，设计初衷是为了降低编程难度，使得非专业人员也能...
Java Web应用开发 21 课堂案例-POST方法提交数据.docx
07-13
在Java Web应用开发中，POST方法是HTTP协议中用于向服务器发送数据的主要方式之一，尤其在处理敏感信息如用户登录时更为常见。这个21课堂案例主要关注如何使用POST方法提交数据，让我们深入探讨这一关键知识点。 **...
2345POST登录、获取用户信息、签到-易语言
06-12
标题中的“2345POST登录、获取用户信息、签到-易语言”指的是使用易语言编程实现的针对2345网站的登录、获取用户信息以及签到功能的程序。易语言是一种中国本土开发的、面向初学者的编程语言，它的语法简洁，易于...
php post如何获取数据,php获取POST数据的三种方法
weixin_30063287的博客
03-20 3704
方法一，$_POST$_POST或$_REQUEST存放的是PHP以key=>value的形式格式化以后的数据。$_POST方式是通过 HTTP POST 方法传递的变量组成的数组，是自动全局变量。如使用$_POST[‘name‘]就可以接收到网页表单以及网页异步方式post过来的数据，即$_POST只能接收文档类型为Content-Type: application/x-www-form-...
html 抓取 post 请求,获取post请求的几种常见方式
weixin_39761645的博客
05-30 2366
通常从http post请求获取数据的方法如下：1.request.getInputStream()2.request.getReader()3.request.getParameterMap()系列4.通过spring框架中的RequestBody或RequestParampublic static String req2RawString(HttpServletRequest request)...
服务器交互-用户注册表单信息获取及显示
最新发布
m0_63359528的博客
09-14 186
服务器交互-用户注册表单信息获取及显示
网页注册功能的实现
weixin_56493063的博客
12-28 5084
网页注册功能的实现
【SpringMVC】获取请求参数的方式
萌狼蓝天の技术栈
05-21 1193
SpringMVC获取请求参数的方式 目录SpringMVC获取请求参数的方式方式1：ServletAPI方法2：通过控制器方法的形参获取请求参数方法3：@RequestParam方法4：@RequestHeader方法5：@CookieValue方法5：通过POJO获取请求参数解决获取请求参数的乱码问题记录1.注册页面路径设置2.前端使用ajax方式POST提交到Java后端3.后端接收参数并...
随笔：Python+requests进行post请求之常见的三种入参
caodingzheng的博客
08-03 1862
随笔：Python+requests进行post请求之常见的三种入参 1、json格式入参，此处入参是汉字，普通入参需要去掉汉字编码转换 #coding=utf-8 import requests from urllib.parse import quote url = '请求地址' header = {'content-type':'application/json'} t = quote("心灵安顿了，平衡了，生命也就快乐了，无憾了，如眼前一幅静美的画卷，清幽，温馨与宁静。",'utf-8') data
html 页面获取post参数,如何在html静态页面中获取请求参数和参数值(form)
weixin_42101641的博客
06-03 5885
如何在html静态页面中获取请求参数和参数值(form)?通过Location对象的search属性，可以获得从URL中传递过来的参数和参数值。然后在JavaScript 代码中可以处理这些参数和参数值。如下所示：< head>提交数据< /head>< body>地址：北京上海深圳性别：男女< /body>< /html>下面是处理请求...
请给出一个前端获取登录数据的案例
05-24
以下是一个前端获取登录数据的简单案例： HTML 代码： ```html <form id="login-form"> <label for="username">用户名：</label> <input type="text" id="username" name="username"> <br> <label for="password">密码：</label> <input type="password" id="password" name="password"> <br> <button type="submit">登录</button> </form> ``` JavaScript 代码： ```javascript const loginForm = document.getElementById('login-form'); loginForm.addEventListener('submit', async (event) => { event.preventDefault(); // 阻止表单默认提交行为 const username = loginForm.username.value; const password = loginForm.password.value; // 发送登录请求 const response = await fetch('/login', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ username, password }) }); if (response.ok) { // 登录成功，跳转到主页 window.location.href = '/home'; } else { // 登录失败，提示错误信息 const error = await response.json(); alert(error.message); } }); ``` 在这个案例中，我们通过 `document.getElementById` 方法获取到登录表单的 DOM 元素，然后监听表单的 `submit` 事件。在事件处理函数中，我们首先调用 `event.preventDefault()` 方法阻止表单的默认提交行为。然后通过 `loginForm.username.value` 和 `loginForm.password.value` 获取到用户输入的用户名和密码。最后，我们使用 `fetch` 函数发送登录请求，并根据响应状态码来判断登录是否成功。如果登录成功，我们将页面重定向到主页；如果登录失败，我们通过 `alert` 函数提示错误信息。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值