您的位置:首页 > Web前端 > JQuery

ajax(jquery)+ struts 搭建

2011-03-03 17:30 232 查看
1,页面

(1)Javascript

//利用Jquery框架
function verify(){
//alert("Enter the script");
//1.获取文本框中的内容
//document.getElementById("userName");  dom的方式
//Jquery的查找节点的方式,参数中#加上id属性值可以找到一个节点。
//jquery的方法返回的都是jquery的对象,可以继续在上面执行其他的jquery方法
//var jqueryObj=$("#userName");
//var userName=jqueryObj.val();
//alert(userName);

//2.将文本框中的数据发送给服务器段的servelt
//使用jquery的XMLHTTPrequest对象get请求的封装

//解决中文乱麻问题的方法1,页面端发出的数据作一次encodeURI,服务器段使用new String(old.getBytes("iso8859-1"),"UTF-8");
//解决中文乱麻问题的方法2,页面端发出的数据作两次encodeURI,服务器段使用URLDecoder.decode(old,"UTF-8")
var url="staff.do?command=toShowMessage&userName="+encodeURI(encodeURI($("#userName").val()));
//url = convertURL(url);
$.get(url,null,callback);
}

function callback(data){
//3.接收服务器端返回的数据,data值
//找到保存结果信息的节点
var resultObj=$("#result");
//4.将服务器段返回的数据动态的显示在页面上
resultObj.html(data);
}


(2)html

<mce:script type="text/javascript" src="<%=request.getContextPath()%><!--
/jslib/jquery.js">
// --></mce:script>
<mce:script type="text/javascript" src="<%=request.getContextPath()%><!--
/jslib/verify.js">
// --></mce:script>

<input type="text" name="staffId" id="userName" onblur="verify()">
<font color="red"><span id="result"></span></font>


2,配置文件

<action path="/staff"
type="cn.com.action.StaffAction"
name="staffForm"
scope="request"
parameter="command">


3,action代码

回调函数返回原页面,此处返回null

/**
* 与前台ajax发来的请求交互,返回值为null,ajax这样按照回调函数跳转
*@Method toShowMessage
*/
public ActionForward toShowMessage(ActionMapping mapping, ActionForm actionForm,
HttpServletRequest request, HttpServletResponse response) throws Exception {
System.out.println("-----进入toShowMessage----ajax-");
String userName=request.getParameter("userName");
System.out.println(userName);
if(sd.getByStaffId(userName)==null){
response.setContentType("text/html;charset=utf-8");
PrintWriter pw=response.getWriter();
pw.println("用户不存在!");
}
return null;
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: