首页 > 代码库 > jQUery_review之jQuery的终极ajax方法$.ajax()

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

2024-07-14 11:01:31   219人阅读

    经过的项目大大小小也有非常多的了，印象中很多框架低层封装的方法都是在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最好的资料就是官方的文档，上面有所有详细的内容，周末愉快！


联系
我们