$.get()方法

来源：互联网发布：淘宝知识产权申诉编辑：程序博客网时间：2024/05/16 05:53

$.get()方法
get() 方法通过远程 HTTP GET 请求载入信息。
语法：
$.get(url,data,success(response,status,xhr),dataType)
注释：
url                               必需。规定将请求发送的哪个 URL。
data                           可选。规定连同请求发送到服务器的数据。
success(response,status,xhr)      可选。规定当请求成功时运行的函数。
                                                    额外的参数：
                                                         response - 包含来自请求的结果数据
                                                         status - 包含请求的状态
                                                         xhr - 包含 XMLHttpRequest 对象
dataType                   可选。规定预期的服务器响应的数据类型。默认执行智能判断（xml、json、script、text、html等）。

演示案例：
1、创建Web项目JQueryAjax。
2、在WebRoot下创建js/jquery文件目录，添加jquery-2.1.1.js
3、创建Servlet（AjaxGetServlet）。如下：

public class AjaxGetServlet extends HttpServlet {public void doGet(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {retData(request, response, "GET");}public void doPost(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {retData(request, response, "POST");}/** * 对请求提供返回数据 * @param request * @param response * @param method * @throws IOException */private void retData(HttpServletRequest request, HttpServletResponse response,String method) throws IOException{String userName = request.getParameter("userName");String age = request.getParameter("age");PrintWriter out = response.getWriter();out.print(method+":userName="+userName+",age="+age);out.flush();}}

4、创建jquery_ajax_method_get.jsp。

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><!DOCTYPE HTML><html>  <head>    <base href="<%=basePath%>">        <title>JQuery AJAX</title><meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="expires" content="0">    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="This is my page"><link rel="stylesheet" type="text/css" href="css/styles.css"><script type="text/javascript" src="js/jquery/jquery-2.1.1.js"></script><script type="text/javascript">//$.get()方法function ajaxGet(){$.get("servlet/AjaxGetServlet",      //url地址{userName:$("#userName").val(),age:$("#age").val()},function(data){ //回传函数alert(data);},"text")}</script>  </head>  <body>  <br> <div class="text_align-center">JQuery AJAX $.get()方法提交演示</div>  <hr />  <div class="align-center"><form action="" method="post">姓名:<input type="text" name="userName" id="userName"/><br/>年龄:<input type="text" name="age" id="age"/><br/><br/><input type="button" onclick="ajaxGet()" value="$.get()方法提交"/><br/></form></div>  <hr />  </body></html>

5、将项目部署到Tomcat中，测试一下。

阅读全文

0 0