1.ajax是什么?作用是什么?
ajax是一种无需再重新加载整个网页的情况下,能够更新部分网页的技术,那什么是ajax呢?
AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。
AJAX 不是新的编程语言,而是一种使用现有标准的新方法。
AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。是一种用于快速创建动态网页的技术。通过在后台于服务器进行少量的数据交换,AJAX可以实现网页异步的更新
传统的网页(不适用ajax)如果内容需要更新的话,必须重载政哥哥网页面。
2.JQuery的一些常用的针对ajax的函数
(1)
$.ajax(
type: ,
url: ,
data: ,
success:function(data){
........
},
error:function(){
........}
这个是比较复杂的ajax调用
)
jsp页面
<head> <title>Ajax验证</title> <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script> <script type="text/javascript"> $(function () { $("[name='userName']").blur(function () { $.ajax({ type: "post", url: "/TestServlet", data:{action:"login"}, //data 传递的参数一般都是key:“ value” 类型的 value一定要加引号 我亲身体验 那种找不到错的感觉 // dataType:'Text', //servers 返回的格式 也可以是gjon success: function (data) { if (data == "success") { alert(data); $("#myspan").html(data); } }, error: function () { //这个用的比较少 } }) }) }) </script> </head> <body> 姓名: <input name="userName" type="text"><span id="myspan"></span> 密码: <input name="password" type="text"> </body>
servlet后台代码:
public class TestServlet extends HttpServlet { protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String name = request.getParameter("action"); System.out.println(name); if(name.equals("login")){ response.getWriter().write("success"); //返回回掉函数的参数 }else{ response.getWriter().write("file"); } }
(2)$.post()
$.post("/TestServlet",
{"uname":$('[name=uname]').val()},
function (data) {
alert(data);
});
$.load():
$("#msg").load( //可以直接拿到文本框 的值 "/TestServlet","action="+$('[name="userName"]').val() ); //后台可以直接 根据request.getParameter()拿到参数的值