jQuery常用的ajax-api-load()方法

最新推荐文章于 2021-04-15 11:34:58 发布

levonmo

最新推荐文章于 2021-04-15 11:34:58 发布

阅读量658

点赞数

分类专栏： jQuery笔记

本文链接：https://blog.csdn.net/weixin_38104426/article/details/71602454

版权

jQuery笔记专栏收录该内容

10 篇文章 0 订阅

订阅专栏

load()方法

形式:

jQuery对象.load(url, sendData, function(backData, textStatus, ajax){... ...}))

load()方法参数解释：

第一个参数:请求的url

第二个参数:以json文本书写的发送的参数，例如:sendData = {"user.name":"jack","user.pass":"123"};

第三个参数:回调函数

回调函数有三个参数:

第一个:backData表示返回的数据，它是js对象

第二个:服务端状态码的文本描述，例如：success、error、

第三个:ajax异步对象，即XMLHttpRequest对象

注意：对于load方法而言，如果请求体无参数发送的话，load方法采用GET方式提交
注意：对于load方法而言，如果请求体有参数发送的话，load方法采用POST方式提交
注意：使用load方法时，自动进行编码，无需手工编码

1.以取得服务端当前的时间为例

写jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>取得服务端当前时间</title>
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
</head>
<body>
	当前时间:<span id="time"></span><br/>
	<input type="button" value="获取时间"/>
	<script type="text/javascript">
		$(":button").click(function(){
			//参数一:发送的路径url
			var url = "${pageContext.request.contextPath}/servlet/TimeServlet";
			//参数二:以json文本书写的发送的参数sendDate
			var sendDate = {
				"name":"哈哈",
				"sal":6000
			};
			//$("#time").load(url);
			//$("#time").load(url,sendDate);
			
			//参数三:回调函数 function(backData,textStatus,xmlHttpRequest)
			$("#time").load(url,sendDate,function(backData,textStatus,xmlHttpRequest){
				//回调函数中参数一:backData表示返回 的数据，它是js对象
				//回调函数中参数二:textStatus返回状态的描述 (例如是success，error这些)
				//回调函数中参数三:xmlHttpRequest表示ajax中的核心对象，可以用这个ajax中的属性，例如xmlHttpRequest.readyState(ajax的状态码)
				alert(backData);//它是一个js对象
				alert(textStatus);
				alert(xmlHttpRequest.readyState);
				alert(xmlHttpRequest.status);
				alert(xmlHttpRequest.responseText);	//它是一个字符串
				//在项目中只需要使用backDate即可
			});
		});
	</script>
</body>
</html>

写servlet

package com.mo.time;

import java.io.IOException;
import java.io.PrintWriter;
import java.text.SimpleDateFormat;
import java.util.Date;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class TimeServlet extends HttpServlet {
	public void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		System.out.println("GET");
		
		String name = request.getParameter("name");
		String sal = request.getParameter("sal");
		System.out.println(name+sal);
		
		//服务端生成一个时间
		SimpleDateFormat stf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
		String str = stf.format(new Date());
		//设置响应的编码问题
		response.setContentType("text/html;charset=UTF-8");
		//取得一个流，并将生成的时间写进去
		PrintWriter pw = response.getWriter();
		pw.write(str);
		pw.flush();
		pw.close();
	}
	

	public void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		System.out.println("POST");
		
		String name = request.getParameter("name");
		String sal = request.getParameter("sal");
		System.out.println(name+sal);
		
		//服务端生成一个时间
		SimpleDateFormat stf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
		String str = stf.format(new Date());
		//设置响应的编码问题
		response.setContentType("text/html;charset=UTF-8");
		//取得一个流，并将生成的时间写进去
		PrintWriter pw = response.getWriter();
		pw.write(str);
		pw.flush();
		pw.close();
	}

}