jQUery_review之jQuery的终极ajax方法$.ajax()

    经过的项目大大小小也有非常多的了,印象中很多框架低层封装的方法都是在ajax()方法的基础上进行扩展的。ajax方法可以说是jQuery提供的各式各样的ajax相关方法的鼻祖,所有其他的比如load,get,post,getScript,getJson方法都是扩展于jQuery.ajax方法。

    下面是一个实际的DEMO,将上面的参数都用了一遍:

前端页面的代码:

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  	<script type="text/javascript" src="jquery-1.8.3.js"></script>
	<script type="text/javascript">
		$(function(){
			$("#getContent").click(function(){
				$.ajax({
					url:"test",
					type:"get",
					timeout:2000,
					data:{name:"czz",address:"address"},
					dataType:'html',
					beforeSend:function(){alert('beforeSend');},
					complete:function(){alert('complete');},
					success:function(data,status){alert(data);},
					error:function(){alert('error');},
					global:false
				});
			});
		});
  	</script>
  </head>
  <body>
  	<div id="showText"><span>He who hesitates is lost.</span></div>
  	<input type="button" id="getContent" value="getAjax">
  </body>
</html>

后端的代码:

	@Override
	protected void doPost(HttpServletRequest req, HttpServletResponse resp)
			throws ServletException, IOException {
		String name = req.getParameter("name");
		String address = req.getParameter("address");
		StringBuffer sb = new StringBuffer("");
		sb.append("{\"name\":\"")
		  .append(name)
		  .append("_czz\",\"address\":\"")
		  .append(address)
		  .append("_czz\"}");
		resp.getWriter().print(sb.toString());
	}

其实jQuery最好的资料就是官方的文档,上面有所有详细的内容,周末愉快!


jQUery_review之jQuery的终极ajax方法$.ajax(),古老的榕树,5-wow.com

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