位置: 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自动加载函数)

  • 如何获取root权限(如何获取root权限华为平板)

    如何获取root权限(如何获取root权限华为平板)

  • vivo安全模式在哪里开(vivo安全模式在哪里)

    vivo安全模式在哪里开(vivo安全模式在哪里)

  • 软件不兼容是什么意思(软件不兼容是什么问题)

    软件不兼容是什么意思(软件不兼容是什么问题)

  • g9730是什么型号(g9730是什么版本)

    g9730是什么型号(g9730是什么版本)

  • 电信双千兆什么意思(中国电信双千兆是什么意思)

    电信双千兆什么意思(中国电信双千兆是什么意思)

  • 路由器设置里的wps是什么意思(路由器设置里的宽带账号是什么)

    路由器设置里的wps是什么意思(路由器设置里的宽带账号是什么)

  • soul注销要多久(soul注销要多久成功)

    soul注销要多久(soul注销要多久成功)

  • id锁了换主板能解决吗(苹果手机id锁换个主板就好了嘛)

    id锁了换主板能解决吗(苹果手机id锁换个主板就好了嘛)

  • 苹果手机无互联网连接是什么意思(苹果手机无互联网连接怎么弄)

    苹果手机无互联网连接是什么意思(苹果手机无互联网连接怎么弄)

  • 淘宝回答的问题可以删除吗(淘宝回答的问题在哪查看)

    淘宝回答的问题可以删除吗(淘宝回答的问题在哪查看)

  • 微星b450m有蓝牙功能吗(微星b450m主板有蓝牙吗)

    微星b450m有蓝牙功能吗(微星b450m主板有蓝牙吗)

  • 为什么抖音充值显示系统繁忙(为什么抖音充值不了)

    为什么抖音充值显示系统繁忙(为什么抖音充值不了)

  • 怎样换绑淘宝实名认证(怎么更换淘宝实名)

    怎样换绑淘宝实名认证(怎么更换淘宝实名)

  • 金立s10c怎么关闭锁屏壁纸(金立手机关闭)

    金立s10c怎么关闭锁屏壁纸(金立手机关闭)

  • 手机专享价在哪里设置(手机专享价是什么意思)

    手机专享价在哪里设置(手机专享价是什么意思)

  • qq可以发几分钟的视频(qq可以发几分钟视频)

    qq可以发几分钟的视频(qq可以发几分钟视频)

  • 苹果从安卓设备转移数据代码在哪里输入(苹果从安卓设备转移)

    苹果从安卓设备转移数据代码在哪里输入(苹果从安卓设备转移)

  • wps怎么放超链接(wps如何弄超链接)

    wps怎么放超链接(wps如何弄超链接)

  • 支付宝音箱能连微信吗(支付宝音箱连蓝牙码是什么)

    支付宝音箱能连微信吗(支付宝音箱连蓝牙码是什么)

  • 三星手机主屏幕布局怎样解锁(三星手机主屏幕锁定怎么解锁)

    三星手机主屏幕布局怎样解锁(三星手机主屏幕锁定怎么解锁)

  • 微信把好友加入黑名单了,该在哪取消(微信把好友加入黑名单怎么找回来)

    微信把好友加入黑名单了,该在哪取消(微信把好友加入黑名单怎么找回来)

  • VSCode中ESLint插件修复+配置教程(vscode eslint vue)

    VSCode中ESLint插件修复+配置教程(vscode eslint vue)

  • chkconfig命令  管理服务程序(chkconfig命令参数)

    chkconfig命令 管理服务程序(chkconfig命令参数)

  • 金税盘老是重复更新进不去
  • 个税在资产负债表中体现吗
  • 固定资产折旧准予扣除是什么意思
  • 已认证专票有误怎么回事
  • 福利企业发放职工集资利息是不是要交个人所得税
  • 已付款已收货但发票未到账务处理怎么做
  • 应交税费怎么做分录
  • 银行存款利息的计算
  • 库存冲红是什么意思
  • 开办费用属于什么科目
  • pos刷的钱能追回吗
  • 非居民企业的征税范围
  • 分配利润顺序
  • 2018劳务费个人所得税税率表
  • 代扣代缴个人所得税手续费是否缴纳增值税
  • 土地增值税哪些可以抵扣
  • 学生兼职需要交什么税
  • 代收代付水电费会计分录
  • 账务中如何把短期借款转变为实收资本?
  • 去年的企业所得税
  • 劳务派遣个税怎么扣
  • 残保金次年申报
  • 收到购货方退回的发票联和抵扣联如何处理?
  • 收到返还代扣代缴手续费如何入账?
  • 没有发票的怎么报账
  • 无偿捐赠增值税计算公式
  • 发票需要写真名吗
  • 打英文字母突然没声音了
  • 企业对外股权投资涉及税收
  • 事业单位租赁收入的处理
  • 误餐费怎么入账
  • 交易性金融资产公允价值变动怎么算
  • 修改远程桌面端口脚本
  • 当月不生产,生产成本怎么处理
  • win11玩游戏鼠标卡顿
  • 表单校验html5
  • 建筑工程增值税怎么算
  • 数据库arc文件
  • 无偿划转资产涉及产权转移应交税
  • 医院会计医保怎么做账
  • 增值税纳税申报表怎么填
  • 帝国cms如何使用
  • 增值税专票怎么交税
  • 劳务报酬所得项目
  • 会议服务费免税吗
  • sql server存储过程写法
  • 税金及附加与应交税金的关系
  • 股权投资所得是什么
  • sqlserver数据库中进行查询所使用的语言为
  • 复印件可以作为会计原始凭证吗
  • 劳务公司的成本有哪些
  • 优惠券会计分录怎么做
  • 法院去单位直接扣划单位薪酬
  • 小规模纳税人增值税专用发票税率
  • 工程款开票数量和单价要填吗
  • 政府预算年度
  • 企业开发有多个产品
  • casewhen嵌套查询
  • win2003启动无法显示桌面
  • windows更新kb5001391
  • linux命令视频讲解
  • windows中双击硬盘驱动器图标操作的作用
  • ubuntu14.04启动不了
  • win10mobile下载官网
  • mac os固件下载
  • centos7误删除怎么恢复
  • Win7系统打开D盘文件后怎么没有后退箭头
  • windows10总是出现打印机错误
  • opengl glu
  • unity转盘游戏
  • shell常用命令及示例
  • jquery怎么给文本框赋值
  • androidstudio性能检测工具
  • 北京市国家税务局电话
  • 调查问卷的背景资料怎么写
  • 视同销售行为的进项税额抵扣方法?
  • 车辆购置税减免政策上汽大通 大家mifa6
  • 企业没有经营怎么写原因
  • 国税增值税申报怎么记账凭证填写
  • 无锡市国家税务局
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设