html ajax请求jsp,JSP+jquery使用ajax方式调用json的实现方法

本文实例讲述了JSP+jQuery使用Ajax方式调用JSON的实现方法，在这里分享给大家以供大家参考，具体的实现以及代码如下所示：

前台：

//test

function test(uid)

{

if(confirm("确定该用户操作"+uid+"吗？"))

{

var date = new Date();

var param = {uid:uid};

jQuery.get("test.jsp?para=" + date, param,

function(data){

if(data != null)

{

var result = data.result;

//alert("data==="+data);

if(result == 1)

{

alert("操作失败");

}

if(result == 0)

{

alert("操作失败。");

//document.location.href = document.location;

//window.location.reload();

}

}

});

}

}

submit

后台：

test.jsp：

response.setContentType("application/x-json;charset=UTF-8");

String uid=request.getParameter("uid");

int ret=0;

String result = "{\"result\":" + ret + "}";

out.print(result);

%>

注意：返回json格式

如{"result":0}

需要设置 ：

代码如下:response.setContentType("application/x-json;charset=UTF-8");

jsp+jquery+ajax+json

Person、Address 2个类描述一个人，用ajax把数据取回显示在页面上，在DemoServlet里组装数据，项目用到的文件

json-lib-2.1-jkd15.jar

commons-lang-2.1.jar

commons-logging.jar

commons-collections-3.2.jar

commons-beanutils.jar

jquery.js

json.js

下面是详细代码：

Person:

public class Person implements java.io.Serializable{

private String name;

private String sex;

private Integer age;

private Address address;

public String getName() {

return name;

}

public void setName(String name) {

this.name = name;

}

public String getSex() {

return sex;

}

public void setSex(String sex) {

this.sex = sex;

}

public Integer getAge() {

return age;

}

public void setAge(Integer age) {

this.age = age;

}

public Address getAddress() {

return address;

}

public void setAddress(Address address) {

this.address = address;

}

}

Address:

public class Address implements java.io.Serializable{

private String province;

private String city;

private String country;

public Address() {

}

public Address(String province, String city, String country){

this.province =province;

this.city = city;

this.country = country;

}

public String getProvince() {

return province;

}

public void setProvince(String province) {

this.province =province;

}

public String getCity() {

return city;

}

public void setCity(String city) {

this.city = city;

}

public String getCountry() {

return country;

}

public void setCountry(String country) {

this.country = country;

}

}

DemoServlet:

import java.io.IOException;

import java.util.ArrayList;

import java.util.List;

import javax.servlet.ServletException;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import net.sf.json.JSONArray;

import net.sf.json.JSONObject;

import org.wncnke.json.pojo.Address;

import org.wncnke.json.pojo.Person;

public class DemoServlet extends HttpServlet{

@Override

protected void doGet(HttpServletRequest request,HttpServletResponse response)

throwsServletException, IOException {

doPost(request, response);

}

@Override

protected void doPost(HttpServletRequest request,HttpServletResponse response)

throwsServletException, IOException {

response.setContentType("text/xml;charset=utf-8");

response.setHeader("Cache-Control","no-cache");

try{

Personperson1 = new Person();

person1.setName("小王");

person1.setSex("女");

person1.setAge(23);

person1.setAddress(newAddress("辽宁省","大连市","高新园区"));

List list = new ArrayList();

list.add(person1);

try{

//取集合

JSONArray jsonArray = JSONArray.fromObject(list);

JSONObject jsonObject = new JSONObject();

jsonObject.put("person", jsonArray);

response.getWriter().write(jsonObject.toString());

} catch(IOException e) {

e.printStackTrace();

}

}catch(Exception e){

e.printStackTrace();

}

}

}

web.xml:

json

index.jsp

DemoServlet

org.wncnke.json.servlet.DemoServlet

DemoServlet

/demoServlet

index.jsp:

view plaincopy to clipboardprint?

String path = request.getContextPath();

String basePath =request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

Name

Sex

Age

Address