异步请求

本文探讨了异步请求的重要性,特别是在页面局部刷新中的应用。介绍了使用Ajax(Asynchronous Javascript And Xml)进行异步请求的方式,并通过jQuery展示了常见的四种方法,包括使用getJSON。同时指出,当需要确保请求完成后再执行后续操作时,可以设置请求为同步。
摘要由CSDN通过智能技术生成

异步请求

在之前,我们请求数据的时候都是整个页面全部刷新了一次,也就是每次请求都会重新请求所有的资源。但是在很多时候不需要页面全部刷新,仅仅是需要页面的局部数据刷新即可,就像之前的验证码就是局部刷新。此时需要发送异步请求来实现这种局部数据刷新的要求,异步请求简称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=
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值