首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > JAVA > Java Web开发 >

求JQuery Ajax范例,有点蒙

2013-09-12 
求JQuery Ajax实例,有点蒙求 JQuery Ajax实例[解决办法]给个例子function checkName(userName){$.ajax({ur

求JQuery Ajax实例,有点蒙
求 JQuery Ajax实例
[解决办法]
给个例子


function checkName(userName){
$.ajax({
url:../user/checkUser.action,//请求路径
 data:{userName:userName},//需要的参数
 success:function(data){//返回
if(data=="true"){//返回字符类型(json也可以)
alert("已经存在");
}
}
});
}

//后台
获取参数验证,验证返回字符类型的true或者false;

[解决办法]
给你一个详细点的例子
jsp:
<%@ page language="java" contentType="text/html; charset=utf-8"%>
<%@ taglib uri="/struts-tags" prefix="s"  %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--框架必需start-->
<script type="text/javascript" src="../js/jquery-1.4.js"></script>
<script type="text/javascript" src="../js/framework.js"></script>
<link href="../css/import_basic.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" type="text/css" id="skin"/>
<!--框架必需end-->

<!--让ie6支持透明png图片start-->
<script type="text/javascript" src="../js/method/pngFix/supersleight.js"></script>
<!--让ie6支持透明png图片end-->
<script type="text/javascript">
function deleteB(id){
alert(id);
top.Dialog.confirm("是否确认删除该条记录?",function(){
$.post(
"deletebusiness.action",
{"id":id},
function (data){
if(data.ok){
history.go(0);
window.top.frmleft.location="businesscount.action";
top.Dialog.alert("删除成功!");
}else{
top.Dialog.alert("系统错误,请重试!");
}
},
"json"
);
});
}
function xiugai(id){
top.Dialog.open({URL:"lesson/business.action?id="+id,Title:"修改信息",Width:800,Height:600});
}
function chakan(id){
top.Dialog.open({URL:"lesson/chakanbusiness.action?id="+id,Title:"业务信息",Width:800,Height:600});
}
function daochuexcel(){


var id=document.getElementsByName("id");
var ids="";
for(var i=0;i<id.length;i++){
if(id[i].checked==true){
ids+=id[i].value+"-";
}
}
//alert(ids);
if(ids==""){
top.Dialog.alert("请选择需要制单的货物!");
}else{
top.Dialog.confirm("是否确认制单?确认后选中的业务将处于已制单状态!",function(){
window.open("/wuliuguanli/frame/lesson/daochuexcel.action?ids="+ids+"&fileName=sample");
});
}
}
</script>
</head>
<body style="background-color: #E8F6FF;">

<div>
<table class="tableStyle" sortMode="true" headFixMode="true" useMultColor="true" useCheckBox="true">
<tr>
<th width="25"></th>
<th width="50"><span>货物名称</span></th>
<th width="40"><span>数量</span></th>
<th width="40"><span>单位</span></th>
<th width="50"><span>发货人</span></th>
<th width="60">发货时间</th>
<th width="200"><span>发货地址</span></th>
<th><span>公司名称</span></th>
<th width="50">收货人</th>
<th width="80">金额</th>
<th width="80">发货方式</th>
<th width="80">备注</th>
<th width="80">操作</th>
</tr>
</table>
</div>
<div id="scrollContent" >
<s:if test="count==0">
<table class="tableStyle"  useMultColor="true" useCheckBox="true">
<tr><td colspan="10" style="text-align: center;">
<a style="color:red;">没有相关记录!</a></td></tr>
</table>
</s:if>

<s:else>
<table class="tableStyle"  useMultColor="true" useCheckBox="true">
<s:iterator value="businesses" var="b">
<tr>
<td width="25"><input name="id" value="${b.id }" type="checkbox"/></td>
<td width="50">${b.productName}</td>
<td width="40">${b.number }</td>
<td width="40">
<span class="float_left">${b.unit}</span>
</td>
<td width="50">${b.peopleByRecipientPeopleId.name }</td>
<td width="60">${b.fahuotime}</td>
<td width="200">
<span class="text_slice" style="width:200px;" title="${b.peopleByReceiverPeopleId.address}">${b.peopleByReceiverPeopleId.address}</span>
</td>
<td>${b.company.name }</td>
<td width="50">${b.peopleByReceiverPeopleId.name}</td>


<td width="80">${b.priceNum }</td>
<td width="80">${b.paymethod }</td>
<td width="80">${b.beizhu}</td>
<td width="80"><span onclick="chakan('${b.id}')" class="img_view hand" title="查看"></span><span onclick="xiugai('${b.id}')" class="img_edit hand" title="修改"></span><span onclick="deleteB('${b.id}')" class="img_delete hand" title="删除"></span></td>
</tr>
</s:iterator>
<tr><td colspan="13">
<div style="height:35px;">
<div class="float_left padding5">
<input type="button" value="制单"  
onclick="daochuexcel()"/>
</div>

</div>
</td></tr>
</table>
</s:else>
</div>

</body>
</html>



struts2.xml配置文件,配置的result组件返回json对象:
<!-- 4.删除业务信息 -->
<action name="deletebusiness" class="com.wuliuguanli.action.DeleteBusinessAction">
<result name="success" type="json"></result>
</action>


对应的action:
package com.wuliuguanli.action;

import javax.annotation.Resource;

import org.springframework.stereotype.Controller;

import com.wuliuguanli.WuliuguanliAction;
import com.wuliuguanli.dao.WuliuguanliDao;
import com.wuliuguanli.entity.Business;
import com.wuliuguanli.util.WuliuguanliException;

@Controller
public class DeleteBusinessAction extends WuliuguanliAction{
@Resource WuliuguanliDao dao;
//input
private int id;

//output
private boolean ok=false;

public String execute(){
try {
Business b=dao.findBusinessById(id);
dao.DeleteBusiness(b);
ok=true;
} catch (WuliuguanliException e) {
// TODO Auto-generated catch block
e.printStackTrace();
ok=false;
}
return "success";
}

public int getId() {
return id;
}

public void setId(int id) {
this.id = id;
}

public boolean isOk() {
return ok;
}

public void setOk(boolean ok) {
this.ok = ok;
}

}

就是一个简单的例子,还有一些dao什么的,就不再给你了,自己看看,我这个例子用的是ssh三大框架写的,还有一些spring的配置,自己去学习吧

热点排行