博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Ajax (部分一)自己做的,总结页面向后台传Form值、单个值和后台向前台传一个或是一组值...
阅读量:7047 次
发布时间:2019-06-28

本文共 2634 字,大约阅读时间需要 8 分钟。

hot3.png

一、前期页面准备:

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的代码:  

转载于:https://my.oschina.net/u/3647620/blog/1552322

你可能感兴趣的文章
越学越迷茫
查看>>
[noip模拟]水灾<BFS>
查看>>
PSP(5.4——5.10)以及周记录
查看>>
Python设计模式——建造者模式
查看>>
JQuery快速入门
查看>>
machine learning----->有监督学习和无监督学习的区别
查看>>
学习canvas过程中的小菜鸟
查看>>
大数据(8) - hive的安装与使用
查看>>
てある与ている的区别
查看>>
第4题
查看>>
初探JavaScript(一)——也谈元素节点、属性节点、文本节点
查看>>
20145209 2016-2017-2 《Java程序设计》第2周学习总结
查看>>
NX签名//NXOpen VB.Net / C# Sign
查看>>
Mac下安装nginx
查看>>
<转>IOS多线程
查看>>
微信服务号、订阅号和企业号的差别(运营和开发两个角度)
查看>>
AOP之AspectJ
查看>>
SHELL里执行HIVE导出文件处理成CSV文件
查看>>
Python菜鸟之路:Django 路由补充1:FBV和CBV - 补充2:url默认参数
查看>>
【转】生活感悟
查看>>