JQuery AJAX $.get()方法

浏览数：20 / 时间：2015年06月09日

      AJAX = Asynchronous JavaScript and XML.
       AJAX 是一种创建快速动态网页的技术。
       AJAX 通过在后台与服务器交换少量数据的方式，允许网页进行异步更新。这意味着有可能在不重载整个页面的情况下，对网页的一部分进行更新。
       JQuery脚本库里所提供的AJAX提交的方法有很多，但主要的方法有$.get(),$.post(),$.ajax()。其中$.ajax()是前两种方法的底层实现，可以提供比前两者更多的属性与参数设置，如果需要高级的设置使用，建议使用$.ajax()方法。
【转载使用，请注明出处：http://blog.csdn.net/mahoking】

学习$.get()方法
 学习$.post()方法
学习$.ajax()方法

$.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中，测试一下。

【转载使用，请注明出处：http://blog.csdn.net/mahoking】

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

JQuery AJAX $.get()方法