欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 前端技术 > javascript >内容正文

javascript

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

发布时间:2023/12/3 javascript 38 豆豆
生活随笔 收集整理的这篇文章主要介绍了 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+"/";

%>

NameSexAgeAddress

总结

以上是生活随笔为你收集整理的html ajax请求jsp,JSP+jquery使用ajax方式调用json的实现方法的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。