异步请求
在之前,我们请求数据的时候都是整个页面全部刷新了一次,也就是每次请求都会重新请求所有的资源。但是在很多时候不需要页面全部刷新,仅仅是需要页面的局部数据刷新即可,就像之前的验证码就是局部刷新。此时需要发送异步请求来实现这种局部数据刷新的要求,异步请求简称Ajax(Asynchronous Javascript And Xml),在之前一般使用JS发送异步请求,请求的数据一般是xml,但是现在JSON出现后就不用XML作为数据传输格式标准了
使用jQuery发送异步请求,分析常见的方式:
方式一
$.get( //发送一个get请求
"test.cgi", //请求的地址
{
name:"john",time:"2pm"}, //传递服务端的数据
function(data){
//回调函数,当请求成功之后,
会自动调用该函数,data是服务端返回给客户端数据
alert("Data Loaded:" + data);
},
"json");//表示请求是json格式
login.js
$(function(){
//为超链接绑定事件,点击之后会发送请求
$("a").click(function(){
//发送请求
$.get(
"emp/get",
{
"id":7788},
function(data){
alert("服务器端返回的数据是:"+data);
},
"json")
})
})
emp.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<base href="/ServletProject/">
<meta charset=