java接口支持ajax,【JavaWeb】jQuery对Ajax的支持
jQuery对Ajax的支持
jQuery对Ajax进行封装,提供了$.ajax()方法
语法:$.ajax(options)
常用设置项
说明
url
发送请求地址
type
请求类型get|post
data
向服务器传递的参数
dataType
服务器响应的数据类型
text|json|xml|html|jsonp|script
success
接收响应时的处理函数
error
请求失败时的处理函数
实例代码
MusicServlet.java
package demo;
import java.io.IOException;
import java.util.ArrayList;
import java.util.List;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.alibaba.fastjson.JSON;
/**
* Servlet implementation class MusicSetvlet
*/
@WebServlet("/music")
public class MusicServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
/**
* @see HttpServlet#HttpServlet()
*/
public MusicServlet() {
super();
// TODO Auto-generated constructor stub
}
/**
* @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
*/
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
String songType = request.getParameter("songType");
System.out.println(songType);
List song = new ArrayList<>();
if(songType.equals("流行歌曲")) {
song.add("稻香");
song.add("晴天");
song.add("告白气球");
}else if(songType.equals("经典歌曲")) {
song.add("千千阙歌");
song.add("傻女");
song.add("七友");
}else if(songType.equals("摇滚歌曲")) {
song.add("一块红布");
song.add("假行僧");
song.add("星长征路上的摇滚");
}
String json = JSON.toJSONString(song);
response.setContentType("text/html;charset=utf-8");
response.getWriter().println(json);
}
}
musicList.jsp
pageEncoding="utf-8"%>
Insert title here
div {
text-align: center;
}
.mystyle {
width: 30%;
cursor: pointer;
}
class="mystyle" type="button" value="经典歌曲">
class="mystyle" type="button" value="摇滚歌曲">
$(":button").click(function() {
var songType = this.value;
$(function() {
$.ajax({
"url" : "/ajax/music",
"type" : "get",
"data" : {
"songType" : songType
},
"dataType" : "json",
"success" : function(json) {
$("#divContent>span").remove();
$("#divContent>br").remove();
for (var i = 0; i < json.length; i++) {
var html = "" + json[i] + "
";
$("#divContent").append(html);
}
},
"error" : function(xmlhttp, errorText){
console.log(xmlhttp);
console.log(errorText);
if(xmlhttp.status == "405"){
alert("无效的请求方式");
}else if(xmlhttp.status == "404"){
alert("未找到URL资源");
}else if(xmlhttp.status == "500"){
alert("服务器内部错误,请联系管理员");
}else{
alert("产生异常,请联系管理员");
}
}
})
})
})
IT兄弟连 JavaWeb教程 jQuery对AJAX的支持
jQuery对AJAX的支持 jQuery对Ajax请求的创建.发送.响应.注册数据处理函数.JSON的解析和缓存以及传参等都进行了相应的封装,同时也考虑了浏览器的兼容性问题. jQuery中对AJA ...
Unit02: JSON 、 使用JSON实现数据交换 、 jQuery对AJAX的支持,编码问题
Unit02: JSON . 使用JSON实现数据交换 . jQuery对AJAX的支持 1. 编码问题 (1)发送get请求 为什么会产生乱码? ie浏览器提供的ajax对象,对中文会使用gbk来编 ...
jQuery九大选择器和jQuery对ajax的支持
一.jQuery九大选择器 1)基本选择器:
IT兄弟连 JavaWeb教程 jQuery对AJAX的支持经典面试题
1.简述对Ajax的理解 AJAX是Asynchronous JavaScript and Xml异步的JavaScript和Xml.它一种用来改善用户体验的技术其实质是使用XMLHttpReques ...
IT兄弟连 JavaWeb教程 jQuery对AJAX的支持经典案例
案例需求:编写用户登陆页面的验证码模块,在用户进行登陆时,输入验证码后不需要点击提交按钮,使用AJAX异步地向服务器发送验证验证码的请求.如果验证码正确,可以点击提交按钮,如果验证码输入错误,提示用户 ...
jQuery对ajax的支持
有load,get,post和ajax四个方法都可以,其中后三个直接使用$.xx调用 使用方法大致相同,这里只介绍get和post方法 -------------------------------- ...
jquery ajax中支持哪些返回类型以及js中判断一个类型常用的方法?
1 jquery ajax中支持哪些返回类型在JQuery中,AJAX有三种实现方式:$.ajax() , $.post , $.get(). 预期服务器返回的数据类型.如果不指定,jQuery 将自 ...
jquery.form.js官方插件介绍Form插件,支持Ajax,支持Ajax文件上传
jquery.form.js官方插件介绍Form插件,支持Ajax,支持Ajax文件上传 http://www.malsup.com/jquery/form/#getting-started [JQu ...
【JAVAWEB学习笔记】28_jquery加强:json数据结构、jquery的ajax操作和表单校验插件
Ajax-jqueryAjax 今天内容: 1.json数据结构(重点) 2.jquery的ajax操作(重点) 3.jquery的插件使用 一.json数据结构 1.什么是json JSON(Jav ...
随机推荐
bzoj 3504: [Cqoi2014]危桥
#include #include #include #define M 100009 #define inf ...
WWF3XOML方式创建和启动工作流 <;第十篇>;
一.XOML使用工作流的好处 通过Xoml方式使用工作流的好处在于,它能够不重新启动程序的情况下,仅仅通过配置xoml就能够实现改变工作流,非常灵活. 创建一个WinForm程序如下: 代码如下: n ...
MYSQL-给带特殊符号的数据库创建用户名
MYSQL-创建数据库及用户名: mysql> create database yoon;Query OK, 1 row affected (0.00 sec) mysql> grant ...
[Python] heapq简介
[Python] heapq简介 « Lonely Coder [Python] heapq简介 judezhan 发布于 2012 年 8 月 8 日 暂无评论 发表评论 假设你需要维护一个列表,这 ...
EBS并发管理器请求汇总(按照并发消耗时间,等待时间,平均等待事件等汇总)
此数据集用于确定正在使用中并发管理器,并可与实际的在启动时分配的并发管理器.而且考虑完成状态为 正常/警告 的请求. select q.concurrent_queue_name, count(*) ...
[置顶] Spring中DI设置器注入
Java的反射机制可以说是在Spring中发挥的淋漓尽致,下面要看的代码就是通过反射机制来实现向一个类注入其实际依赖的类型,这个过程的实现会交由Spring容器来帮我们完成. JavaBean中针对属 ...
dnSpy 强大的.Net反编译软件
作者:D.泡沫 一说起.net的反编译软件,大家首先想到的就是Reflector,ILSpy,dotPeek等等.而dnSpy同样是一款优秀的反编译软件,同时它是开源免费的.官方的描述是: dnSpy ...
bzoj1218 激光炸弹
bz上难得一见的水题啊. 我们发现:这个SB居然只要枚举就行了!!! 我TM...... /****************************************************** ...
legend2---开发日志10(ajax请求的方法是否同样会执行base控制器里面的方法)
legend2---开发日志10(ajax请求的方法是否同样会执行base控制器里面的方法) 一.总结 一句话总结:会执行的,所以写base控制器里面的方法要注意,base控制器里面的方法要以查数据为 ...
Linux追加文件内容并在内容前加上该文件名(awk, FILENAME功能妙用)
假如有三个文件file1.txt,file2.txt,file3.txt 每一个文件内容如下: 现在打算提取每一个文件字符为16的行,打印该行所有的内容.以及该文件名,并追加到file4.txt,则可 ...
java接口支持ajax,【JavaWeb】jQuery对Ajax的支持相关推荐
- jQuery中的ajax、jquery中ajax全局事件、load实现页面无刷新局部加载、ajax跨域请求jsonp、利用formData对象向服务端异步发送二进制数据,表单序列化(异步获取表单内容)
jQuery中使用ajax: 在jQuery中使用ajax首先需要引入jQuery包,其引入方式可以采用网络资源,也可以下载包到项目文件中,这里推荐下载包到文件中:市面上有多个版本的jQuery库,这 ...
- JS原生Ajax和jQuery的Ajax与代码示例
JS原生Ajax和jQuery的Ajax [学习目标] 1,了解JS原生Ajax原理 2,掌握json数据格式 掌握json数据格式方式 掌握json的解析方式 3,掌握jQuery中的Ajax封装 ...
- 原生AJAX以及JQuery发送AJAX请求的几种方式
JSON&AJAX 文章目录 JSON&AJAX 1. JSON 1.1 json概述 1.2 Json使用 3. 原生AJAX 4. JQuery的AJAX 4.1 GET请求方式 ...
- 快递物流查询接口API,使用Jquery的ajax跨域实现根据单号查询物流跟踪的详细信息
应用场景:物流跟踪信息查询 1. 本接口采用的是聚合数据接口:https://www.juhe.cn/docs/api/id/43 2. 首先,注册账号申请快递单号接口:获取申请的key 3. 接口所 ...
- java json html模板,基于jQuery的AJAX和JSON实现纯html数据模板(转载)
来自:http://www.cnblogs.com/linzheng/archive/2010/10/14/1851799.html 通过jQuery内置的AJAX功能,直接访问后台获得JSON格式的 ...
- 利用jquery操作ajax,利用jquery对ajax操作,详解原理(附代码)
1.jQuery load() 方法 jQuery load() 方法是简单但强大的 AJAX 方法. load() 方法从服务器加载数据,并把返回的数据放入被选元素中. 语法: $(selector ...
- eazyui ajax传值,jquery easyui ajax data属性传值方式
$.ajax({ url:url, type:'post', data:data, dataType:'json', contentType: "application/x-www-form ...
- 原生ajax和Jquery的ajax
目录 原生ajax 传统请求(同步方式)的问题 Ajax优势和作用 Ajax请求与传统请求的区别: ajax原理(方法,属性 ) XMLHttpRequest open send 属性 readySt ...
- jq异步实现ajax,用jQuery的AJax实现异步访问、异步加载
本篇文章实现了用jQuery的AJax实现异步访问和异步加载,具有一定的参考价值,感兴趣的小伙伴们可以参考一下. [异步访问] 用一个例子用以说明:点击按钮,将input内用户输入的数据发送给服务端, ...
- WEB22_Js原生Ajax和Jquery的Ajax
一.Ajax概述 1.什么是同步,什么是异步 同步现象: 客户端发送请求到服务器端,当服务器返回响应之前,客户端都处于等待卡死状态 异步现象: 客户端发送请求到服务器端,无论服务器是否返回响应,客户端 ...
最新文章
- 特来电CMDB应用实践
- ValueTransformer
- Vivado无法双击打开xpr工程文件的解决办法
- 迁移学习 简而言之_简而言之Java.io:22个案例研究
- 腾讯offer是什么样子_月薪35K:2020腾讯Java后端开发详细面试流程
- 你花了多久弄明白架构设计?多个java应用同时访问数据库
- 公需科目必须学吗_要考电工证吗?电工技术必须学的33招,电工技术知识
- php no route to host,java.net.NoRouteToHostException: No route to host解决方法
- C#读取文本数据(按行读取)
- 使用Redis实现高并发分布式序列号生成服务
- springmvc原理、springmvc流程
- 轻量级自适应个人自动发卡源码全开源 附详细图文安装教程
- Java编程——九九乘法表
- 快速由WP8升级到WP8.1
- 讯飞语音输入法linux,讯飞语音输入法逆天了
- R countcolors包:像素级分析处理图片
- 梅州通风柜设计安装那些事
- 数据同步工具Sqoop
- mysql8.0约束性语语句(主码、外码、NOT NULL/NULL、DEFAULT、UNIQUE、CHECK)
- 计算机网络-网络应用(上)
热门文章
- IntelliJ IDEA 常见文件类型的图标介绍
- #gStore-weekly | Centos7系统下gStore在 docker上的安装部署
- Position属性值的相关解析
- Gnome美化以Mac风格为例
- Win10系统打开PS(photoshop)提示Error:16
- 网页查看计算机硬件,怎么查看电脑硬件设备的Guid值?
- JavaWeb--使用Websocket实现在线聊天功能
- 光谱分析技术是如何改变了 天文学、化学以及物理学的?
- 字节码增强技术 Byte Buddy 、Javassist、Instrumentation
- 根据经纬度计算范围_高考地理地理计算专题