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

来源：互联网发布：顶级域名注册商编辑：程序博客网时间：2024/05/21 00:55

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(){//参数一:发送的路径urlvar url = "${pageContext.request.contextPath}/servlet/TimeServlet";//参数二:以json文本书写的发送的参数sendDatevar 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();}}

0 0