Jquery使用AJAX

jQuery远程引用地址
<script typet="text/javascript"  src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
发送请求 
1 $.get()
2.$.post()
3.$.ajax
s.get 发送请求 
请求的格式 是       jQuery.get(url, [data], [callback], [type])    返回值:XMLHttpRequest
 
url:待载入页面的URL地址   只有这个必须要传递的    有 []的参数可以不用传递
data:待发送 Key/value 参数。 js对象也可以
callback:载入成功时回调函数。随便定义一个参数 这个参数就封装 了服务器返回的数据
type:返回内容格式，xml, html, script, json, text, _default。可以不写 它会自动判断  
 
<%@page import="java.util.Date"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
       pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!-- 引入jquery -->
<script typet="text/javascript"
       src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<%-- 这里是一个拓展的点 可以用这种形式来存转发的地址 现在转发的地址是ajaxfromjsp 用的时候 ${mqtt} 取值 --%>        
<% pageContext.setAttribute("mqtt",request.getContextPath()); %>
<title>Insert title here</title>
</head>
<body>
       <%=new Date()%>
       <a href="ajaxfromjsp" id="emm">点击刷新页面</a>
       </p>
       <div id="mark">
              显示信息:
              <p></p>${msg}</div>
</body>
 
<script type="text/javascript">
/* s.get 发送请求 */
/* 请求的格式 是       jQuery.get(url, [data], [callback], [type])    返回值:XMLHttpRequest*/
/*  通过ID绑定事件 */
$("#emm").click(function(){
/* url:待载入页面的URL地址   只有这个必须要传递的    有 []的参数可以不用传递
data:待发送 Key/value 参数。 js对象也可以
callback:载入成功时回调函数。随便定义一个参数 这个参数就封装 了服务器返回的数据
type:返回内容格式，xml, html, script, json, text, _default。可以不写 它会自动判断     
js中可以使用"el表达式"来取出el表达式中的值
.*/
$.get("${mqtt}/ajaxfromjsp",{username:"xiaolin",age:18},function(abc){
       //abc 是服务器发送给我们的数据 如果服务器转发到一个页面 data就代表整个页面
       //alert(abc);
       $("#mark").append(abc);
       },"text");
//加return防止它直接就返回    
return false;
});
</script>
</html>
 
 
 
posted @ 2020-11-10 17:14  泽桑  阅读(132)  评论(0)    收藏  举报