jquery ajax不是很理解
$.ajax({
type:"post",
url:"test.html",
data:{},
dataType:"text",
success:function(result){
}
});
没用过这不是很了解。看了下有些疑问，这个url怎么写？ 我现在要提交表单（表单中输入的查询条件），然后根据表单中的数据去查询数据库，根据数据库返回的查询结果，然后显示在我该页面中的表格里。这里的url是要写我要处理的action吗？（XXX.do）这个样子吗？还有data是我发送给后台的数据，因为我表单中有Input输入框输入的条件，还有下拉框用户选择的条件，那这么发送给后台。dataType是返回的数据类型，我查询数据库后返回的是一条条数据 封装成对象了。这样该写什么类型？还有action查询到的对象怎么返回给页面？我现在想在表格中展示查询出来的结果，咋写？呢？ jquery?ajax 数据库 url
[解决办法]
url:"test.html",
data:{},
url 是目标地址。和你正常form提交一样
data 是你传到后台的参数。
[解决办法]
data:{
parm:cxcxc
},
[解决办法]
http://www.cnblogs.com/linjiqin/archive/2011/03/19/1989169.html
[解决办法]
其实这个url就相当于你使用window.location.href一样
[解决办法]
$.ajax({
type: "get",//(默认: "GET") 请求方式 ("POST" 或 "GET")， 默认为 "GET"。注意：其它 HTTP 请求方法，如 PUT 和 DELETE 也可以使用，但仅部分浏览器支持。
url: "你的网址",
timeout : 3000 ,//设置请求超时时间（毫秒）。此设置将覆盖全局设置。
dataType : 'json',//
beforeSend: function(XMLHttpRequest){
//发送请求前可修改 XMLHttpRequest 对象的函数，如添加自定义 HTTP 头
},
success: function(data, textStatus){
//请求成功后回调函数。这个方法有两个参数：服务器返回数据，返回状态
},
complete: function(XMLHttpRequest, textStatus){
//请求完成后回调函数 (请求成功或失败时均调用)。
},
error: function(){
//请求出错处理
//(默认: 自动判断 (xml 或 html)) 请求失败时将调用此方法。这个方法有三个参数：XMLHttpRequest 对象，错误信息，（可能）捕获的错误对象。
}
});
[解决办法]
action类如下
@Override
public String execute() throws Exception {
//根据name和年龄查出满足条件的user对象放入list集合中
users = UserDAO.selectByNameAndSex(name,sex);
//输出到页面上
HttpServletResponse response = ServletActionContext.getResponse();
response.setCharacterEncoding("utf-8");
response.setContentType("text/json");
response.getWriter().write(JSONUtil.serialize(users));
return null;
}
<package name="default" namespace="/test" extends="struts-default">
<action name="test" class="com.action.testAction">
</action>
</package>
[code=html]<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>[/code]
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
function sm(){
var name = $('#inp').val();
var sex = $('#sel').val();
alert(sex+"--"+name);
$.ajax({
type:"post",
url:"test/test",
data:"name="+name+"&sex="+sex,
dataType : "json",
success:function(data){
var option = '';
$.each(data, function(i, item){
option += '<tr><td>' + item.name + '</td><td>'+item.sex+'</td></tr>';
});
$('#div1').append(option);
}
});
}
</script>
</head>
<body>
<form action="" method="post">
姓名：<input type="text" name="inp" id="inp"/>
性别：<select name="sel" id="sel">
<option value="男">男</option>
<option value="女">女</option>
</select>
<input type="button" value="提交" onclick="sm()">
</form>
<div id ="div1">
</div>
</body>
</html>
