位置: IT常识 - 正文

javaweb:jquery中ajax的应用

编辑:rootadmin
1.什么是jquery,什么是ajax jquery是一套开放性源代码的JavaScript函数库,简化了DOM文件的操作,让我们轻松选取对象,并以简洁的程序完成想要的效果。此外jquery也强化了异步传输(ajax)的功能,我们在这里就是要用到它的这一项功能。 Ajax即Asynchronous  ...

推荐整理分享javaweb:jquery中ajax的应用,希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

1.什么是jquery,什么是ajax

jquery是一套开放性源代码的JavaScript函数库,简化了DOM文件的操作,让我们轻松选取对象,并以简洁的程序完成想要的效果。此外jquery也强化了异步传输(ajax)的功能,我们在这里就是要用到它的这一项功能。

Ajax即AsynchronousJavascriptAndXML(异步JavaScript和XML),使用Ajax技术网页应用能够快速地将增量更新呈现在用户界面上,而不需要重载(刷新)整个页面,这使得程序能够更快地回应用户的操作。

2.引入jquery

下载链接:https://jquery.com/。

javaweb:jquery中ajax的应用

右键下载链接,将链接另存为,这样将会得到一个js文件,将这个js文件引入到自己的项目中。

3.ajax的应用

这里我们只讲述jquery中的ajax的四个属性

url:规定发送请求的 URL。默认是当前页面。

type:规定请求的类型(GET 或 POST),默认是get。

data:规定要发送到服务器的数据,并能接收服务器返回的信息。

success:规定请求成功时运行的函数。

下面我们放源码:

login.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><html lang="en"><html><head><title>登录</title><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /><link rel="stylesheet" href="assets/css/login_main.css" /></head><body class="is-preload"> <!-- Wrapper --> <div id="wrapper"> <h2 class="major">登录</h2> <span style="color: white;" id="loginmessage"></span><br> <form method="post"> <div class="fields"> <div class="field half"> <label for="username">账号</label> <input type="text" id="username1" placeholder="手机号/邮箱" /> </div> <div class="field half"> <label for="password">密码</label> <input type="password" id="password1" placeholder="请输入密码" /> </div> </div> <ul class="actions"> <li><input type="button" value="登录" class="primary" onclick="clicklogin()" /></li> <li><input type="reset" value="重置" /></li> </ul> 还没有账号,点这里<a href="SIGNUP.jsp">进行注册</a> </form> </div> <!-- Scripts --> <script src="assets/js/jquery.min.js"></script> <script src="assets/js/browser.min.js"></script> <script src="assets/js/breakpoints.min.js"></script> <script src="assets/js/util.js"></script> <script src="assets/js/main.js"></script> <script type="text/javascript"> function clicklogin(){ if($("#username1").val() == "" || $("#password1").val() == ""){ $("#loginmessage").html("用户名或密码不能为空"); } else{ $.post({ url:"${pageContext.request.contextPath}/login", data:{"username":$("#username1").val(), "password":$("#password1").val()}, success: function (data) { if (data.toString() == "false") { $("#loginmessage").html("用户名或密码错误"); } else { window.location="sys/main.jsp"; } } }) } } </script></body></html>

上面代码中用的$.post({})就已经规定了用post的方法进行请求,无需再对type属性进行规定;若是使用$ajax({}),则默认是get方法进行请求。

(本文仅作个人学习记录用,如有纰漏,敬请指正)

本文链接地址:https://www.jiuchutong.com/zhishi/304483.html 转载请保留说明!

上一篇:phpcms与phpsso通信失败的解决方法(phpcms使用教程)

下一篇:php自动加载机制是什么(php自动加载函数)

  • 荣耀9X支持快充的吗(荣耀9x支持快充协议吗)

    荣耀9X支持快充的吗(荣耀9x支持快充协议吗)

  • 小米青春版如何关闭HD(小米青春版如何截屏)

    小米青春版如何关闭HD(小米青春版如何截屏)

  • 为什么手机会发烫(为什么手机会发烫会不会爆炸)

    为什么手机会发烫(为什么手机会发烫会不会爆炸)

  • 电脑开机太慢要怎么处理win7(电脑开机太慢了怎么办)

    电脑开机太慢要怎么处理win7(电脑开机太慢了怎么办)

  • ip1188墨盒加墨水步骤(ip1188墨盒加墨水打印不出来)

    ip1188墨盒加墨水步骤(ip1188墨盒加墨水打印不出来)

  • 快手打pk怎么回事(快手打pk怎么打)

    快手打pk怎么回事(快手打pk怎么打)

  • 华为p30安装未知应用权限在哪里(华为p30安装未知应用在哪里)

    华为p30安装未知应用权限在哪里(华为p30安装未知应用在哪里)

  • 淘宝自动收货了没收到东西怎么办(淘宝自动收货了运费险还能用吗)

    淘宝自动收货了没收到东西怎么办(淘宝自动收货了运费险还能用吗)

  • qq加不了好友只能关注(为什么qq加不了好友只能别人加我)

    qq加不了好友只能关注(为什么qq加不了好友只能别人加我)

  • bla al00什么型号(bla-al00是华为什么型号和图片)

    bla al00什么型号(bla-al00是华为什么型号和图片)

  • 天猫信用购有几天免费体验时间(天猫信用购上征信吗)

    天猫信用购有几天免费体验时间(天猫信用购上征信吗)

  • ios14.1有什么新功能(iphone最新版本14.0.1有什么新功能)

    ios14.1有什么新功能(iphone最新版本14.0.1有什么新功能)

  • 电脑没有主机怎么开机(电脑没有主机怎么连接wifi)

    电脑没有主机怎么开机(电脑没有主机怎么连接wifi)

  • 座机暂停服务是啥意思(座机的暂停是什么意思)

    座机暂停服务是啥意思(座机的暂停是什么意思)

  • 图库里的照片怎么不见了(图库里的照片怎么制作相册)

    图库里的照片怎么不见了(图库里的照片怎么制作相册)

  • 手机怎么录歌(手机怎么录歌曲)

    手机怎么录歌(手机怎么录歌曲)

  • iphone11pro夜间模式怎么打开(11pro夜间模式)

    iphone11pro夜间模式怎么打开(11pro夜间模式)

  • soul软件怎么隐身上线(soul软件怎么隐藏关注的人)

    soul软件怎么隐身上线(soul软件怎么隐藏关注的人)

  • 华为碰一碰怎么使用(华为碰一碰怎么传文件)

    华为碰一碰怎么使用(华为碰一碰怎么传文件)

  • 苹果xs有指纹解锁吗(苹果xs指纹解锁在哪里设置)

    苹果xs有指纹解锁吗(苹果xs指纹解锁在哪里设置)

  • 微信运动点赞怎么撤回?(微信运动点赞怎么看)

    微信运动点赞怎么撤回?(微信运动点赞怎么看)

  • 华为p30pro有无线充电吗(华为p30pro有无线投屏功能吗)

    华为p30pro有无线充电吗(华为p30pro有无线投屏功能吗)

  • 最全CTF Web题思路总结(更新ing)(ctf题目网站)

    最全CTF Web题思路总结(更新ing)(ctf题目网站)

  • python中model模块的用法(python中模块的用法)

    python中model模块的用法(python中模块的用法)

  • 小规模水利基金优惠政策2023
  • 增值税征税范围及税率
  • 必要收益率的取值可以是
  • 礼品费如何报销
  • 离职补偿金怎么做账
  • 退税抵税申请表
  • 哪些支出允许在企业所得税前扣除
  • 中小型物流公司简介
  • 金蝶固定资产管理
  • 劳务外包用工单位可以抵扣进项税吗
  • 代收水电费做错了该如何调账?
  • 提供境外服务
  • 低于成本价销售的税务风险
  • 收到收入怎么做分录
  • 固定资产清理税金如何处理
  • 财政指标文和拨款流程
  • 员工工伤一次性赔偿申请书
  • Linux中samba服务区怎么创建多个用户
  • 深度操作系统的窗口管理器
  • win10桌面窗口管理器gpu占用高
  • 银行承兑汇票背书会计分录
  • 小企业的场地租金怎么算
  • 增值税加计抵减最新政策2022
  • 企业筹建期间购置机器设备支出计入什么科目
  • 如何巧用工具
  • PHP:session_write_close()的用法_Session函数
  • 用应付票据付应收账款
  • 股东权益增加额/期初净经营资产
  • windows 阅读软件
  • 营改增预收款确认收入
  • 最贵的游戏宣传片
  • php脚本工作流程
  • 招待费专票可以抵扣进项吗
  • Yii中的relations数据关联查询及统计功能用法详解
  • 在计算土地增值税时质量保证金可以扣除
  • python socket连接后发送数据被强行终止
  • wordpress隐藏内容付费可见
  • python ide包括哪些
  • 增值税哪些行业不能抵扣
  • 记帐时借方是什么意思
  • 捐赠会计和税法上各怎么记录
  • 进项税大于销项税,不用缴纳增值税
  • 小微企业减免的增值税账务处理
  • 个人所得税的纳税期限
  • 汇算清缴费用调减
  • 公司收到财政局奖励怎么记账
  • 房屋估价需要准备什么
  • 事业单位结余是什么意思
  • 补交以前年度增值税如何入账
  • 民办非企业单位什么意思
  • 出口退税的会计处理
  • 收到税务局汇算清缴退所得税怎么做账
  • 小微企业免税的标准
  • 收到支票如何去银行兑现
  • 无形资产什么时候开始计提折旧
  • sql server的相关技术知识
  • mysql无法创建函数
  • win7安装mysql5.5
  • win8系统如何查看电脑型号
  • 电脑系统重装win8
  • 电脑w7系统怎么保存图片
  • win7文件夹选项在哪里打开
  • win8系统字体大小设置
  • win7如何设置屏幕保护时间
  • win8如何更改用户名字?
  • android获取音频信息
  • 黑客需要学哪些
  • shell函数参数
  • vue分页组件page
  • shell section
  • New AssetBundle build system in Unity 5.0
  • jquery自定义表单
  • unity脚本api
  • js垂直对齐
  • 动态表单的设计与实现
  • 各地市的税务局有哪些
  • 江苏4050社保补贴政策2024
  • 教育培训行业的发展前景
  • 成都成华区税务局
  • 徐州市哪些区域封闭了
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设