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

  • 增量留抵税额会计处理
  • 税务师考试科目安排
  • 税务安全证书应用客户端
  • 房屋合同印花税税率属于个人交的吗
  • 汇算清缴从业人员平均值
  • 运输发票备注怎么填
  • 免税项目怎么做账
  • 餐饮行业打折部门是什么
  • 可转换公司债券是什么意思
  • 租车补贴记入工资的会计处理怎么做?
  • 合伙企业缴纳税款时间
  • 开进来的发票冲红怎么处理?
  • 一般纳税人提供非学历教育可以简易计税吗
  • 劳务派遣企业如何认定
  • 工资表是放在计提还是发放
  • 行政事业单位如何加强内部控制
  • 失控发票一定要盖章吗
  • 预计负债基本确定的概率区间
  • 建筑行业企业所得税怎么征收
  • Linux系统中怎么定位到java代码的方法级
  • php替换字符串中的某个字符
  • 应付票据到期会计分录怎么做
  • 福克兰群岛属于哪国
  • wordpress界面
  • 个人独资企业的特点
  • 自动驾驶感知决策控制
  • php简单统计中文字符
  • 用友u8反结账反记账的操作步骤
  • 接受捐赠收入要交企业所得税吗
  • 油气勘探开发
  • 招待费住宿费专票
  • 非营利组织能否开社保账户
  • pandas遍历某一列将字符串转换为列表
  • MySQL中Nested-Loop Join算法小结
  • mongodb计数
  • 建筑企业结转成本依据准则
  • 附加税减免额怎么算
  • 分公司可以独立开票吗
  • c#连接access数据库实例
  • sql2008附加数据库错误3456
  • 事业单位净资产变动表
  • 银行转账凭证可以保留多久
  • 营改增试点行业顺序
  • 电费发票上的数量是什么意思
  • 员工缴纳工伤保险怎么赔偿
  • 信用卡账单最低还款额是什么意思
  • 外经证过期了怎样核销
  • 小规模纳税人公司注册条件
  • 帮其他公司交水费税差
  • 收到票据款
  • 工会经费返还属于什么收入
  • 缴纳工会筹备金应该记什么科目
  • 工程分包总包产生的 税费由谁承担
  • 技术服务人员工作说明书
  • 对方发票丢失怎么申报丢失
  • win8老是弹出广告
  • win8怎么查看系统版本
  • win10预览版和正式版区别
  • ubuntu和windows哪个流畅
  • win7系统设置只让安装有证书的软件
  • win7设置路由器上网
  • redhat下载地址
  • linux系统叫啥
  • nodejs代码规范
  • nodejs 插件开发
  • jquery 引入js
  • 网页设计中的几种齐方式及其特点
  • jquery滚动条滚动到指定位置
  • 批处理/d
  • python基础开发
  • 基于JavaScript的图书管理系统
  • JavaScript mapreduce工作原理简析
  • jquery escape
  • javascript总结
  • android系统内核基于什么操作系统?
  • 柜台申报税务流程图
  • 中国银行手机银行app官方下载
  • 辽宁地方税务网站官网
  • 珠海地区电话区号
  • 江苏省国税客服电话
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设