ajax案例

JSP页面:
//动态获取列的信息
function tankToWeb() {
var storeIndex=document.getElementByI('storeIndex').value;
if(storeIndex=="") return false;
var myAjax = new Ajax.Request('archiveTankGrid.do?service=tankToWeb',
{
method: 'post',parameters: 'wareHouse='storeIndex,
onComplete: function(response) {
var ret = response.responseText;

if(ret=="error"){
alert("选择出错!");
return false;
}else
{
ret="<select name='archiveTankLineVo.tankIndex' style='width:100px'><option value=''>--请选择--</option>"+ret;
ret=ret+"</select>";
document.getElementById("testid").innerHTML=ret;
return true;
}
}
});
}

action 中service=tankToWeb 调用查询方法
//2.根据机构、库房ID获取档案柜列
private void tankToWeb(){
String returnName="";
HttpServletRequest request = ServletActionContext.getRequest();
HttpServletResponse response = ServletActionContext.getResponse();
response.setCharacterEncoding("GBK");
response.setContentType("text/html;charset=GBK");
String wareHouse=request.getParameter("wareHouse");
String orgId=request.getParameter("orgId");
String gtType=Util.getParameterValue(request.getParameter("gtType"));
try {
PrintWriter out = response.getWriter();
returnName= getArchiveTank(orgId,wareHouse,gtType);
out.println(returnName);
out.close();
} catch (Exception e) {
try {
PrintWriter out = response.getWriter();
System.out.println("tankToWeb出错!");
out.println("error");
out.close();
} catch (IOException e1) {
e1.printStackTrace(); //To change body of catch statement use File | Settings | File Templates.
}
}
}
public String getArchiveTank(String orgId,String storeIndex,String gtType){
//String hql="select tankIndex,tankName from T_ArchiveTank where storeIndex='"+storeIndex+"' order by tankIndex";
String hql = "select distinct tankIndex,tankName from T_ArchiveTankGrid where orgId='"+orgId+"' and storeIndex='"+storeIndex+"' order by tankIndex";
List list = archiveTankService.findArchiveTankByStoreIndex(hql);

String retStr="";
Iterator it=list.iterator();

if("0".equals(gtType)){
while(it.hasNext()){
Object[] obj=(Object[])it.next();
retStr+="<option value="+obj[0].toString()+">"+obj[0].toString()+"</option>";
}
}else{
while(it.hasNext()){
Object[] obj=(Object[])it.next();
retStr+="<option value="+obj[0].toString()+">"+obj[1].toString()+"</option>";
}
}

return retStr;
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ajax经典实例+代码大全 绝对经典 -------- 目录说明 -------- database 目录存放数据库SQL文件 java 目录存放java源文件 webapp 目录存放实例页面及JSP源文件 -------------- 数据库安装说明 -------------- 了解MySQL的用户可以直接使用自己熟悉的方式创建名为ajax的数据库,并将ajax.sql文件导入即可。 下面是简要操作方法: 1. 实例数据库在MySQL 5.0.27 版本下测试通过 2. 将database目录中ajax.sql文件复制到C:\ 3. 进入MySQL安装目录中的bin目录 4. 输入 mysql -u root -p ,然后输入密码登录本地MySQL服务器 5. 输入 CREATE DATABASE ajax DEFAULT CHARACTER SET utf8; 创建名为ajax的数据库 6. 输入 use ajax 7. 输入 source c:\ajax.sql 执行数据库初始化语句 ------------------ Java源文件使用说明 ------------------ 实例中大部分文件为HTMLJSP文件,部分Java源文件存放在java目录中。 可将目录中的内容作为Eclipse的一个项目导入Eclipse中使用。 ----------- WEB发布方法 ----------- 所有实例在jdk 1.4.2 + Tomcat 5.0.28 环境下测试通过。 将webapp目录中的内容复制到Tomcat的webapps目录中作为一个web应用发布即可。 启动Tomcat前注意修改 ajax/WEB-INF/classes/ajax_db.properties 文件。 将其中的URL、USER和PASSWORD属性根据实际情况进行修改。 Tomcat正常启动后使用 http://localhost:8080/ajax 进行访问 +=========================================================================================== 最后注释: 可能还有一点,就是把你的ajax密码定位好 路径是:${ajax}\ajax\WEB-INF\classes\ajax_db.properties,用记事本打开。那个${ajax}就是你当前存放ajax这个文件夹的路 径 DRIVERS=com.mysql.jdbc.Driver URL=jdbc:mysql://localhost/ajax?useUnicode=true&characterEncoding=utf8 USER=root PASSWORD=ajax 里面的代码是这样写的,把最后一行的那个对应的密码改为你自己数据库的代码就OK
很抱歉,我并不清楚“js pink老师”是谁。但是,我可以给你提供一个基于 Ajax案例。 假设你有一个网页,需要通过 Ajax 从服务器获取数据并在网页上展示。以下是一个基本的示例代码: HTML 代码: ```html <!DOCTYPE html> <html> <head> <title>Ajax 示例</title> <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> </head> <body> <h1>获取服务器数据</h1> <div id="data-container"></div> <script type="text/javascript"> $(document).ready(function(){ $.ajax({ url: 'server-data.json', method: 'GET', dataType: 'json', success: function(response){ $('#data-container').html(JSON.stringify(response)); }, error: function(xhr, status, error){ console.log('获取服务器数据失败:' + error); } }); }); </script> </body> </html> ``` 上面的代码使用了 jQuery 库来实现 Ajax 请求。其中: - `url`:请求的 URL,这里是 `server-data.json`,实际应该是服务器端提供的接口; - `method`:请求的 HTTP 方法,这里是 GET; - `dataType`:服务器返回的数据类型,这里是 JSON; - `success`:请求成功后的回调函数,用于处理服务器返回的数据; - `error`:请求失败后的回调函数,用于处理错误信息。 以上代码的作用是在页面上展示从服务器获取的数据,数据格式为 JSON。你可以根据实际需要修改代码,例如: - 修改 `url` 和 `method` 参数,以符合你的实际需求; - 修改 `success` 回调函数,以展示你需要的数据; - 修改 `error` 回调函数,以处理请求失败的情况。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值