前台jquery+ajax向后台请求数据，后台返回json，前台显示

背景：jsp+struts2

jsp页面

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!doctype html>
<html lang="en">
<head>
<script type="text/javascript" src="../js/jquery-1.7.min.js">
</script>

<script type="text/javascript">
$().ready(function() {

　　$('#selectNum').change(function() {

　　　　　　　$.post('TestJQAJAX',
function(data) {

var pros = eval(data);

// $("#divTest").append("<tr><td>"+姓名+"</td></tr><tr><td>"+年龄+"</td></tr>");
$("#tabTest").empty();
for (var i = 0; i < pros.length; i++) {
var cityName = pros[i].name;
var cityValue = pros[i].age;
$("#tabTest").append("<tr><td>" + cityName + "</td><td>" + cityValue + "</td></tr>");

}

});　　
})
})
</script>

</head>
<body>
<select id="selectNum">
<option value="0">
--Select--
</option>
<option value="1">
1
</option>
<option value="2">
2
</option>
<option value="3">
3
</option>
</select>
<div id="divTest">
<table id="tabTest" border="1" cellspacing="0" bgcolor="green"></table>
</div>
</body>

</html>

action页面

package com.xiaoma.TestAction;

import java.io.IOException;
import java.io.PrintWriter;
import java.util.ArrayList;
import java.util.List;

import org.apache.struts2.ServletActionContext;

import com.opensymphony.xwork2.ActionSupport;
import com.xiaoma.po.User;

public class TestJQ extends ActionSupport{


public void myExecute() throws IOException{

ServletActionContext.getResponse().setContentType("text/html;charset=utf-8");
PrintWriter out = ServletActionContext.getResponse().getWriter();

// String jsonString="{\"user\":{\"id\":\"123\",\"name\":\"张三\",\"say\":\"Hello , i am a action to print a json!\",\"password\":\"JSON\"},\"success\":true}";  
 //String jsonString="{\"user\":{\"id\":\"123\",\"name\":\"张三\",\"say\":\"Hello , i am a action to print a json!\",\"password\":\"JSON\"},\"success\":true}";  
     
// String jsonString="{'success':'true','msg':'用户名或者密码错误!'}";  
// String jsonString="{'success':'true','msg':'用户名或者密码错误!'}";  
 String jsonString="[{\"name\":\"malei\",\"age\":1,\"position\":\"henan\"}, {\"name\":\"malei2\",\"age\":3,\"position\":\"henan2\"}]";
 System.out.println(jsonString);
 out.println(jsonString);  
    out.flush();  
    out.close();  
}

}

更多相关文章

随机推荐