jquery实现ajax异步请求

前端代码：

<html>
<head>
<meta charset="UTF-8">
<title>异步请求</title>
<script type="text/javascript" src="jquery-3.3.1.js"></script>
<script type="text/javascript">//利用jquery实现ajax使用
$(document).ready(function(){$("#btn").click(function(){$.post("${pageContext.request.contextPath}/ajaxServlet?time="+new Date().getTime(),function(data,status){alert("数据：" + data + "\n状态：" + status);$("#text").val(data);});});});
</script>
</head>
<body>
点击进行异步请求：<input type="button" value="异步请求" name="btn" id="btn" /><input type="text" id="text"  value="唐老鸭"/>
<!-- <div id="text"></div> -->
</body>
</html>

后台代码：

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {// TODO Auto-generated method stubSystem.out.println(request.getParameter("time"));String url=request.getServletContext().getRealPath("demo.txt");File file= new File(url);//创建输入流FileInputStream  in =new FileInputStream(file);ServletOutputStream out =response.getOutputStream();int len=0; byte[] bs= new byte[1024];while((len=in.read(bs))>0) {out.write(bs, 0, len);}}

目录结构：

jquery实现ajax异步请求相关推荐

php中jquery ajax请求参数,浅谈Jquery中Ajax异步请求中的async参数的作用
之前不知道这个参数的作用,上网找了前辈的博客,在此收录到自己的博客,希望能帮到更多的朋友: test.html asy.js function testAsync{ var temp; $.ajax( ...
jquery的ajax异步请求接收返回json数据
jquery的ajax异步请求接收返回json数据方法设置简单,一个是服务器处理程序是返回json数据,另一种就是ajax发送设置的datatype设置为jsonp格式数据或json格式都可以.这篇文 ...
jQuery使用ajax异步请求400解决方法
jQuery使用ajax异步请求访问状态码400解决方法: 先直接上结论:首先检查下自己使用的请求方式,我原来用的是post方式,更改为ajax之后就解决了,才反应过来应该是版本不兼容的问题! < ...
jQuery实现Ajax异步请求的三种方式
jQuery实现Ajax jQuery框架对js原生的ajax进行了封装,封装后的ajax相比原生就变的更加简洁方便,而且功能更加丰富常用的三种ajax实现的方法: get:$.get(url,[d ...
JQuery之ajax异步请求Django后端
创建项目 ajax 命令行创建: django-admin startproject mysite pycharm创建: File --> New project --> 左侧选Djang ...
javaWeb基础六：JQuery—Ajax异步请求
JQuery 之 Ajax 异步请求 1.1 Ajax简介 1.1.1 不使用Ajax存在的问题在发送请求得到响应时,我们常常只需要刷新网页局部的数据,而不是整个网页的资源(在网页资源过大时,效率会 ...
请求对象触碰jQuery：AJAX异步详解
最近一直在研究请求对象之类的问题,现在正好有机会和大家讨论一下. 传送门:异步编程系列目录-- 示例源码:触碰jQuery:AJAX异步详解.rar AJAX 全称 Asynchronous Java ...
【转】4.1触碰jQuery：AJAX异步详解
传送门:异步编程系列目录-- 示例源码:触碰jQuery:AJAX异步详解.rar AJAX 全称 Asynchronous JavaScript and XML(异步的 JavaScript 和 X ...
Ajax异步请求（重渲染DOM元素时，如何自动调用并执行JS自定义函数【含代码】）- 案例篇
文章目录 Ajax异步请求(重渲染DOM元素时,如何自动调用并执行JS自定义函数[含代码])- 案例篇效果截图: 重要代码: 附:全部HTML代码: Ajax异步请求(重渲染DOM元素时,如何自动调 ...

jquery实现ajax异步请求

jquery实现ajax异步请求相关推荐

最新文章

热门文章