Ajax (部分一)自己做的,总结页面向后台传Form值、单个值和后台向前台传一个或是一组值
2010-05-12 21:11
806 查看
一、前期页面准备:
1、添加struts框架,添加Action在struts-config.xml文件中配置好
2、在action中添加方法如:
(向页面传一组值)
3、在页面中引用JS文件,如
<script type="text/javascript" src="js/prototype.js"></script>
二、页面向后台传一个form中的所有内容:
在页面中加入JS方法:如
(向后台传get方式的几个值)
下篇日志是附带JS的代码:
1、添加struts框架,添加Action在struts-config.xml文件中配置好
2、在action中添加方法如:
(向页面传一组值)
public void testAjax(ActionMapping mapping, ActionForm form, HttpServletRequest request, HttpServletResponse response) throws IOException { response.setContentType("application/json;charset=gb2312"); PrintWriter out = response.getWriter(); String username=request.getParameter("username"); String password=request.getParameter("password"); //声明对象,向前台传值类似于map,前台通过: //var myobj=transport.responseText.evalJSON(true); //var isTrue=myobj.isTrue(键的名字); // 的到传过的值 JSONObject jsonObject=new JSONObject(); jsonObject.put("isTrue",false); if(username=="aa"||password=="aa"){ jsonObject.put("isTrue",true); out.print(jsonObject.toString()); out.flush(); out.close(); return; }else{ jsonObject.put("isTrue",false); out.print(jsonObject.toString()); out.flush(); out.close(); return; } } (向页面传单个值) public void testAjax(ActionMapping mapping, ActionForm form, HttpServletRequest request, HttpServletResponse response) throws IOException { response.setContentType("application/json;charset=gb2312"); PrintWriter out = response.getWriter(); String username=request.getParameter("username"); String password=request.getParameter("password"); if(username=="aa"||password=="aa"){ out.print(true); out.flush(); out.close(); return; }else{ out.print(false); out.flush(); out.close(); return; } }
3、在页面中引用JS文件,如
<script type="text/javascript" src="js/prototype.js"></script>
二、页面向后台传一个form中的所有内容:
在页面中加入JS方法:如
(向后台传get方式的几个值)
function getStByKsKm(id,name){ var par="id="+id+"&name="+name; new Ajax.Request(//声明ajax对象 //调用方法名 'qxfp.do?method=getStByKsKm', { //*******传递单个少数几个值,用URL传递******** method:'get',//提交方式 method:'get',//提交方式 //*****传递多个值,用post方式******** method:'post',//提交方式 postBody: $('form1').serialize(),//序列化表单,即为发送表单做准备 onSuccess:function(response){//成功后执行的方法 //********成功以后用JSONObject得到后台传入的多个值********* //得到后台的返回的JSONObject对象 var myobj=response.responseText.evalJSON(true); //myobj的istrue字段中存储着结果 if(!myobj.istrue){ alert(myobj.errormessage); return; //********成功以后用得到后台传入的单个值********* var result=response.responseText; //result中存储着是后台的out.print();返回的值 if(result){ alert(myobj.errormessage); return; }} } } ); }
下篇日志是附带JS的代码:
相关文章推荐
- Ajax (部分二:prototype.js代码前半部)自己做的,总结页面向后台传Form值、单个值和后台向前台传一个或是一组值
- Ajax (部分一)自己做的,总结页面向后台传Form值、单个值和后台向前台传一个或是一组值
- Ajax (部分二:prototype.js代码后半部分)自己做的,总结页面向后台传Form值、单个值和后台向前台传一个或是一组值
- Ajax (部分二:prototype.js代码后半部分)自己做的,总结页面向后台传Form值、单个值和后台向前台传一个或是一组值
- Ajax (部分二:prototype.js代码前半部)自己做的,总结页面向后台传Form值、单个值和后台向前台传一个或是一组值
- Ajax (部分一)自己做的,总结页面向后台传Form值、单个值和后台向前台传一个或是一组值
- Ajax (部分一)自己做的,总结页面向后台传Form值、单个值和后台向前台传一个或是一组值
- Ajax (部分二:prototype.js代码)总结页面向后台传Form值、单个值和后台向前台传一个或是一组值
- Ajax (部分二:prototype.js代码)总结页面向后台传Form值、单个值和后台向前台传一个或是一组值
- 使用php后台给自己做一个页面路由,配合ajax实现局部刷新。
- struts2 + ajax(由前台的form提交数据到后台,再根据form所调用返回获取的后台json格式的数据返回到前端,然后前端用jquery对json数据进行解析)==》》涉及文件上传的部分
- ajax页面跳转(后台返回的是一个url地址,或者自己传进去的是url地址)
- struts2 + ajax(由前台的form提交数据到后台,再根据form所调用返回获取的后台json格式的数据返回到前端,然后前端用jquery对json数据进行解析)==》》涉及非文件上传的部分
- 关于esayui ajax前台form表单传值后台springmvc页面报400错误
- [置顶] ajax请求到后台数据,前台不用拼接字符串append追加HTML标签,一样显示到页面 (使用空模板)
- [置顶] ajax请求得到后台数据,前台页面,使用table模板然后clone,显示表格,,不用append拼接 “字符串和HTML表格标签”
- 页面ajax提交form 表单 以及后台接收
- jquery与后台进行数据交互--前台发单一数据对象,后台返回一个json字符串 jsp页面
- 解决一个我之前没有解决的问题[后台编码ajax请求的内容,前台js解码]
- 访问网站时后一个页面被前一个页面阻塞、后台页面阻塞前台页面的解决