jquery ajax教程第4课-Get和Post的简写方法（转）

Jquery的$.ajax()方法配置参数较多，写起来也比较麻烦，其实jquery也提供了get和post的简写方式，代码如下：

jquery的get方法代码实例：

function ajaxGet(){
$.get("get_handle.jsp",function(data){
$("#result").html(data);//处理get返回结果
},"text");
}

jquery的post方法代码实例：

function ajaxPost(){
$.post("post_handle.jsp",{name:'张三',age:28},function(data){
$("#result").html(data.result);//处理post返回结果
},"json");
}

后台处理页面部分jsp代码如下：

处理get请求的jsp代码如下：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<%="这是Get测试返回的结果"%>

处理post请求的jsp代码如下：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@page import="java.io.PrintWriter"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";

String name = request.getParameter("name");
String age = request.getParameter("age");

PrintWriter writer = response.getWriter();
writer.write("{\"result\":\"您好 " + name + ",您的年龄是" + age+ "岁\"}");
writer.close();
%>

本教程源代码下载：点击网盘下载

本文引用地址：http://www.java135.com/qianduankaifa/jquery_get_post.html