jQuery$.get()⽅法使⽤案例jQuery $.get()⽅法使⽤案例
注:需要引⼊jquery⽂件,本案例使⽤的是 jquery-2.0.0.js
1、get.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "/TR/html4/loose.dtd"> <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery-2.0.0.js"></script>
<script type="text/javascript">
$(function() {
/*  当密码框失去焦点时,触发get异步请求 */
$("#pwd").blur(
function() {
$.get("login.do", "name=" + $("#name").val() + "&pwd="
+ $(this).val(), function(data) {
alert(data.uid + "," + alname);
//当第四个参数设置为json时,不需要⼿动解析,⽽是由jquery框架帮助我们实现了解析
}, "json");
});
});
</script>
</head>
<body>
<form>
⽤户名: <input type="text" name="name" id="name"><br /> 密码: <input
type="password" name="pwd" id="pwd"><br />
</form>
</body>
</html>
2、Userservlet.java
@WebServlet("/login.do")
public class UserServlet extends HttpServlet {
protected void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
// 响应中⽂乱码处理
response.setContentType("text/html; charset=UTF-8");jquery框架定义
// 接收⽤户输⼊
String name = Parameter("name");
String pwd = Parameter("pwd");
System.out.println(name + "," + pwd);
// 响应信息(模拟json字符串格式返回)
PrintWriter out = Writer();
out.write("{\"uid\":1,\"realname\":\"张三\"}");
out.flush();
out.close();
}}
详细的⽅法说明参考w3scool
jQuery ajax - get() ⽅法
实例
使⽤ AJAX 的 GET 请求来改变 div 元素的⽂本:
$("button").click(function(){
$.get("demo_", function(result){
$("div").html(result);
});
});
定义和⽤法
get() ⽅法通过远程 HTTP GET 请求载⼊信息。
这是⼀个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调⽤回调函数。如果需要在出错时执⾏函数,请使⽤ $.ajax。
语法
$(selector).get(url,data,success(response,status,xhr),dataType)
详细说明
该函数是简写的 Ajax 函数,等价于:
$.ajax({
url: url,
data: data,
success: success,
dataType: dataType
});
根据响应的不同的 MIME 类型,传递给 success 回调函数的返回数据也有所不同,这些数据可以是 XML root 元素、⽂本字符串、JavaScript ⽂件或者 JSON 对象。也可向 success 回调函数传递响应的⽂本状态。
对于 jQuery 1.4,也可以向 success 回调函数传递 XMLHttpRequest 对象。
⽰例
请求 test.php ⽹页,忽略返回值:
$.get("test.php");
更多⽰例
例⼦ 1
请求 test.php ⽹页,传送2个参数,忽略返回值:
$.get("test.php", { name: "John", time: "2pm" } );
例⼦ 2
显⽰ test.php 返回值(HTML 或 XML,取决于返回值):
$.get("test.php", function(data){
alert("Data Loaded: " + data);
});
例⼦ 3
显⽰ i 返回值(HTML 或 XML,取决于返回值),添加⼀组请求参数:
$.get("i", { name: "John", time: "2pm" },
function(data){
alert("Data Loaded: " + data);
});

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。