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

  • 资金性质生产性是什么意思
  • 企业所得税会计分录怎么做
  • 国债利息属于免税吗
  • 合资公司注册成立流程
  • 企业支付宝买东西
  • 金融服务费进项可以抵扣吗
  • 购货发票属于外来原始凭证吗为什么
  • 冲减应收帐款分录
  • 成本暂估跨年度要怎么处理?
  • 企业接受基金投资的规定
  • 企业纳税总额包含哪些
  • 合同印花税进哪个科目
  • 地址变更工商局上门检查
  • 销项负数发票怎么填报增值税报表
  • 无形资产摊销金额计入什么科目
  • 营改增怎么抵扣
  • 所得税季度申报表营业成本怎么填
  • 金税盘的年费怎么做抵扣帐
  • 一般纳税人能否享受残保金优惠
  • 印花税的收取
  • 增值税附表一免税项目金额填不上
  • 资管公司如何缴纳流转税?
  • 资产减值损失需要结转吗
  • 政府补贴物业公司
  • 个人退回公积金怎么操作
  • 股票溢价净收入计入
  • 成本核算的意义是什么
  • windows10设备如何打开蓝牙
  • 一次性支付一年租金怎么做账
  • wifi出现感叹号上不了网怎么办
  • 盈余公积转增资本会计科目
  • 业务招待费个税账务处理办法
  • 元宇宙产业链
  • 大前端最新
  • 【小沐学C++】C++ MFC中嵌入web网页控件(WebBrowser、WebView2、CEF3)
  • redis相关
  • 编程前十名
  • 公司法关于公司变更后权利义务的规定
  • 应征增值税不含税销售额是什么
  • 边际贡献总额计算公式边际贡献率
  • 文章让修改了就一定会接收吗?
  • 土地增值税清算的条件
  • 开立一般户需要法人到场吗
  • 党组织工作经费税前扣除
  • 农副产品增值税发票怎么开
  • 企业所得税法开办费
  • 个人所得税累计收入怎么算
  • 减值准备的定义
  • 存货盘亏需要进项转出吗
  • 借款合同需要交印花税吗
  • 税控盘费用进什么科目
  • 申请到了专利费多少钱
  • 包工包料工程如何报价合理
  • 盘亏机器设备
  • 政府无偿划拨土地如何摊销
  • 怎样充高速路etc现金
  • 小规模公司怎样添加员工
  • 健身中心开的服装店
  • 加计扣除怎么申报
  • 联想Thinkpad怎么进入安全模式
  • 注册表被锁定后的处理方法
  • virtualbouncer.exe是什么进程
  • Win7 64位系统声卡重装过程中出现失败的解决方法
  • Win10预览版更新弹窗如何关闭
  • linux生成文件
  • win7怎么给硬盘重新分区
  • cocos2d在运行java eclipse程序时出现 Error: could not open c:program FilesJavajre6libamd64jvm.cfg
  • windows下安装nas
  • nodejs回调函数例子 getdata check
  • javascript面向对象 第三方类库
  • jquery实现搜索功能
  • 自定义dialog屏蔽按键
  • 天然气入户安装收费标准2023
  • 天津市车船税收费标准2023
  • 北京地税电子税票怎么开
  • 税务局解决户口吗
  • 税纳税申报表
  • 国家税务局查询发票
  • 现行会计法律法规汇编2022版
  • 签订设计合同
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设