分类：ajax

2021
01-03

如何利用Ajax实现地区三级联动详解

如何利用Ajax实现地区三级联动详解 前言：利用Ajax来实现一个地区的三级联动，用Java代码来读json文件，先eclipse做一个简单的，最基础的。（json我用的jackson来解析，也可用fastjson-阿里巴巴的等还有很多）提供代码，思路之类的，注释也没有自己去想去琢磨出来的思路好first：首先先要熟悉json文件，并要想好利用什么类型去解析，这是最难的，最好找一个没人的地方戴上耳机（对于初学）我是用maven来做的用到的jar坐标：<dependency><groupId>redis.clients</... 继续阅读 >
2020
12-22

jQuery+ajax实现文件上传功能

jQuery+ajax实现文件上传功能 jQuery+ajax实现文件上传功能(显示文件上传进度)，供大家参考，具体内容如下具体实现步骤1、定义UI结构,引入bootstrap的CSS文件和jQuery文件2、给上传按钮绑定点击事件3、验证是否选择了文件4、向FormData中追加文件5、使用ajax发起上传文件的请求6、设置文件的路径7、使用xhr获得文件上传的进度8、当文件上传完成让进度条显示绿色<style>#loading{width:20px;height:20px;}#img{display:block;width:200px;height:... 继续阅读 >
2020
12-03

Asp.net基于ajax和jquery-ui实现进度条

Asp.net基于ajax和jquery-ui实现进度条 前台用ajax不停进行查询，直到任务完成。进度条用的是jquery-ui。后台用一般处理程序处理相应，进度信息保存在HttpContext.Application中。代码作为简单示例，实际应用时应对资源释放、防止多线程混乱等做进一步控制。效果图：代码：前台：<!DOCTYPEhtml><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title></title><scriptsrc=... 继续阅读 >
2020
12-03

基于ajax实现上传图片代码示例解析

js源码：///<referencepath="jquery-1.8.3.js"/>///<referencepath="ajaxForm/jquery.form.js"/>/*!*jQueryupload*用于上传单个文件，上传成功后,返回文件路径。*本插件依赖jQuery，jquery.form请在使用时引入依赖的文件**Date:2014/4/23*//*使用:html:<divstyle="width:100%;float:left;"><inputtype="hidden"id="hfThumbnail"value="/uploads/2014/04/23/635338686611432716.jpg"/>... 继续阅读 >
2020
11-08

springmvc 结合ajax批量新增的实现方法

springmvc 结合ajax批量新增的实现方法 1.需要注意的问题mvc框架的处理日期问题@ResponseBody响应对象是自定义对象，响应不是json@ResopnseBody响应自定义对象时，日期为是long类型的数结束数据方法的参数，该如何定义？接收多个对象？2.页面代码<%@pagelanguage="java"isELIgnored="false"contentType="text/html;charset=UTF-8"pageEncoding="UTF-8"%><html><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"><title>ajax批... 继续阅读 >
2020
10-28

使用AJAX和Django获取数据的方法实例

前言使用Django服务网页时，只要用户执行导致页面更改的操作，即使该更改仅影响页面的一小部分，它都会将完整的HTML模板传递给浏览器。但是如果我们只想更新页面的一部分，则不必完全重新渲染页面-我们可以使用AJAX代替。AJAX提供了一种将GET或POST请求发送到Django视图并接收任何返回的数据而无需刷新页面的方法。现代JavaScript包含fetchAPI，该API为我们提供了一种纯JavaScript方式来发送AJAX请求。让我们看一下如何通过获取... 继续阅读 >
2020
10-10

解决SpringMVC、tomcat、Intellij idea、ajax中文乱码问题

解决SpringMVC、tomcat、Intellij idea、ajax中文乱码问题 使用idea进行JavaWeb开发时，在前端与后台交互常常出现乱码问题，包括日志/控制台输出乱码，参数乱码等问题，归根结底是编码格式不对，解决方法汇总如下。ajax乱码解决方法：在contentType中添加”charset=utf-8”$.ajax({url:"/rest/get",type:"POST",contentType:"application/json;charset=utf-8",//添加编码格式data:JSON.stringify(a),dataType:"json",success:function(data){console.log("success!");... 继续阅读 >
2020
10-10

JQuery Ajax如何实现注册检测用户名

JQuery Ajax如何实现注册检测用户名 Ajax（无需等待直接向服务器发起请求）(AsynchronousJavascriptAndXml)：异步的Google创新的一种js技术方法一：比较原始没有封装的方法：//核对用户名是否可用varxmlhttp=null;functioncheckUser(userName){if(xmlhttp==null){xmlhttp=newXMLHttpRequest();//第一步：创建一步通信对象}//第二步：设定回调函数xmlhttp.onreadystatechange=function(){if(xml... 继续阅读 >
2020
10-10

Ajax工作原理及优缺点实例解析

Ajax工作原理及优缺点实例解析 1.Ajax是什么？全称是asynchronousjavascriptandxml，是已有技术的组合，主要用来实现客户端与服务器端的异步通信效果（无需重新加载整个网页的情况下），实现页面的局部刷新。通过在后台与服务器进行少量数据交换，AJAX可以使网页实现异步更新，用于创建快速动态网页。早期的浏览器并不能原生支持ajax，可以使用隐藏帧（iframe）方式变相实现异步效果，后来的浏览器提供了对ajax的原生支持。2.Ajax的工作原理使用Ajax... 继续阅读 >
2020
10-09

AJAX XMLHttpRequest对象创建使用详解

AJAX XMLHttpRequest对象创建使用详解 创建XMLHttpRequest对象XMLHttpRequest是AJAX的基础。所有现代浏览器（IE7+、Firefox、Chrome、Safari以及Opera）均内建XMLHttpRequest对象。注：IE5/IE6需要使用ActiveRequest对象。向服务器发送请求xmlhttp.open("GET","ajax_info.txt",true);xmlhttp.send();post方式：xmlhttp.send("id=1&name=xiaoming");post提交方式，必须将Content-Type请求消息头更改为application/x-www-form-urlencoded更改方法：在发送请求前：xmlhttp... 继续阅读 >
2020
10-08

php+mysql+ajax 局部刷新点赞/取消点赞功能(每个账号只点赞一次)

php+mysql+ajax 局部刷新点赞/取消点赞功能(每个账号只点赞一次) 记录每个赞的点赞用户，以及对赞的数量统计首先判断用户是否点赞。根据是否点赞，载入不同的html，调用不同的方法已点赞如果已点赞，显示已点赞的html，进行取消点赞操作未点赞如果未点赞，显示未点赞的html，进行点赞操作对于不同操作，对数据库进行增加或减少操作。同时对于不同用户的点赞，进行增加记录或删除记录操作。通过控制不同按钮的背景，来显示不同的效果。通过记录不同用户的用户id和赞的id之间的关系，进行不同点赞的... 继续阅读 >
2020
10-08

C# 如何使用ajax请求

ajax简介     Ajax即“AsynchronousJavascriptAndXML”（异步JavaScript和XML），是指一种创建交互式、快速动态网页应用的网页开发技术，无需重新加载整个网页的情况下，能够更新部分网页的技术。     通过在后台与服务器进行少量数据交换，Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。C#如何使用ajax1.首先下... 继续阅读 >
2020
10-08

SpringMVC Controller解析ajax参数过程详解

在使用ajax发送请求时，如果发送的JSON数据的参数是一个类中的不同属性，在Controller类的方法中使用@RequestBodyObjectobj会直接封装进obj对象中例如：前端部分代码JavaScript<scriptlanguage="JavaScript">functionlogin(){varuser_name=$("#user_name").val();//用户名varuser_password=$("#user_password").val;//用户密码$.ajax({url:"<%=path%>/User/Login",type:"POS... 继续阅读 >
2020
10-08

JS this关键字在ajax中使用出现问题解决方案

JS this关键字在ajax中使用出现问题解决方案 背景：在一次web网站开发维护中，使用手机验证码进行登录。再点击获取手机验证码时，验证码按钮并没有置灰，同时也没有出现倒数读秒的效果。设置按钮倒数60秒前端代码：varclock='';varnums=60;varbtn;functionsendCode(thisBtn){btn=thisBtn;btn.disabled=true;//将按钮置为不可点击btn.value=nums+'秒重新获取';btn.className='regGetcodeBtn1';if(clickNumber==0){... 继续阅读 >
2020
10-08

ajax实现excel报表导出

利用ajax实现excel报表导出【解决乱码问题】，供大家参考，具体内容如下背景项目中遇到一个场景，要导出一个excel报表。由于需要token验证，所以不能用a标签；由于页面复杂，所以不能使用表单提交。初步考虑前端使用ajax，后端返回流，定义指定的header。第一版主要代码前端使用jquery的ajaxvarqueryParams={"test":"xxx"};varurl="xxx";$.ajax({type:"POST",//提交方式url:url,//路径contentType:"application/jso... 继续阅读 >