`
hi_app
  • 浏览: 77634 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

利用ajax调用action中的三中方法

阅读更多
1、struts中要继承struts_json
2、struts.xml的配置文件中要设置<result type="json"/>
3、dataType:"json",   //接受数据格式   


4、$.ajax()来调用action  


 <script>
    $(document).ready(function(){
    		 $.ajax({
							   url :"newscenter/message/ten_news_list.action",  //后台处理程序
							   type:"post",    //数据发送方式
							   async:false,
							   dataType:"json",   //接受数据格式           
							   error: function(){
							   alert("服务器没有返回数据,可能服务器忙,请重试");
							  },
							  
							 
							   success: function(json){
								  var listArray = eval(json).titlelist;
								  
								 
								  for(var i=0;i<listArray.length;i++)
								  {
								     $(".index_leftlist ul").append("<li>"+listArray[i]+"</li>"); 
								  									  	
								  }
								  
								} 
             });                   
		});
		
	</script>


2、jquery使用$.post()来调用action

2.1、struts中要继承struts_json
2.2、struts.xml的配置文件中要设置<result type="json"/>

2.3、$.post(url,data,callback,"json"),跟上面的一样。如果不写"json",在解析json的时候就会出错;[/size]
引用
$(document).ready(function(){

var userInput=$("#companyName");
userInput.blur(function(event) {

            //处理文本框中的键盘事件
            //如果输入字母,将文本框中最新信息发送给服务器
            var myEvent = event || window.event;
            var keyCode = myEvent.keyCode;//获得键值
var wordText =$("#companyName").val();
           
        
                                
$.post("account_help/isUserNameExists.action?companyName="+wordText, null, function(json) {

var isCompanyExists = json.companyExists;
if(!isCompanyExists)
{
alert('公司名不存在');
}

},"json");

            });





[size=large]3、使用jquery接受返回的xml数据。


		var wordInput=$("#CheckImgCode");
		wordInput.keyup(function(event) {
		
            //处理文本框中的键盘事件
            //如果输入字母,将文本框中最新信息发送给服务器
            var myEvent = event || window.event;
            var keyCode = myEvent.keyCode;//获得键值            
            var wordText =$("#CheckImgCode").val();
          	
                        
							$.post("account_help/check.jsp?name="+wordText+"&Event=Search", {word:wordText}, function(data) {
								 var jqueryObj = $(data);//将dom对象data转换成jQuery的对象
								 var wordNodes = jqueryObj.find("message");//找到所有word节点
 								 var wordNode = wordNodes.text();//获取单词内容
 								 
								if(wordNode=="true")
								{
									document.getElementById("imgName").src="images/true.gif";
									//让注册按钮失效	
																		//让注册按钮失效	
									document.getElementById("next").disabled=false;																	
								}
								else
								{
									document.getElementById("imgName").src="images/false.gif";
																		//让注册按钮失效	
									document.getElementById("next").disabled=true;											
								}
 							},"xml");

            });

check.jsp中的代码:
<%@ page contentType="text/xml; charset=gb2312" language="java" %>
<%


 
String rand = (String)session.getAttribute("rand");
String input = request.getParameter("name");

//是否为执行CheckName方法
//返回XML数据给客户端。=========================================================================
//
out.print("<messages>");

            if (rand.equals(input))
            {
                //当数据库中已存在此用户时输出为false,让其显示相应图标
				out.print("<message>");
                out.print("true");
                out.print("</message>");
            }
            else
            {
				out.print("<message>");
                out.print( "false" );
                out.print("</message>");
            }

out.print("</messages>");


%>

1、contentType="text/xml;一定要声明为xml否则在ie浏览器中就认为是html在fireforx兼容text/html和text/xml两种格式。
分享到:
评论

相关推荐

    ajax调用action返回xml或list

    在WEB开发中,一般,仅仅使用JSP+ajax+SEVLET或者jsp+struts2的其中某种方式进行,各自的缺点也非常明显。这里,给出了ajax直接调用ACTION并给前台进行list或者JSON的数据回传。很不错的哦!

    ajaxt json 调用struts2 action的实例(myeclipse 直接导入运行)

    怎样在页面用ajax调用struts2的action 2;怎样对struts进行配置 3;ajax的运行历程 最简单明了的实例,清晰的帮你弄清上述概念,运行简单,只需解压该包,然后Myeclipse中file - import - general - import existed ...

    ajax异步调用局部刷新

    ajax ,异步或同步请求,控制action返回的值,并处理

    J2EE中JSONJquery_AJAX应用中文PDF版

    资源名称:J2EE中JSON ...首先页面通过调用JQuery_AJAX方法访问后台Action,在后台Action中将获取到的JavaBean、List、Map等数据类型转换为json-lib.ja 资源太大,传百度网盘了,链接在附件中,有需要的同学自取。

    ajax+php控制所有后台函数调用

    总共分成3大部分来完成php的ajax调用逻辑,以下是大致的结构 第一部分:ajax请求:主要是action这个参数,LoginController是php的类名,login是LoginController这个类中的函数名 $('#submit').on('click', function ...

    iframe式ajax调用示例

    iframe式ajax调用&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;form action=’b.php’ method=’post’ name=” id=” target=’formTarget’&gt; &lt;input type=’text’ name=’username’ id=” placeholder=...

    ajax实现输入提示(类似百度和Google的输入提示)

    ajax实现输入提示(类似百度和Google的输入提示) 用法非常简单: ...5、注意:这种方式是页面加载的时候就要调用js方法的,数据是一次性加载的,当用户查询的时候是不会查询数据库的,是查询js的缓存对象

    AJAX函数库

    调用方法: &lt;script type="text/javascript" src="ajax.js"&gt; &lt;div id="mydiv"&gt;&lt;/div&gt; function myFun(){ loading('正在加载数据,请稍候。。。','mydiv'); var outfun = function(xml,txt){ document....

    iframe式ajax调用示例代码

    iframe式ajax调用&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;form action=’b.php’ method=’post’ name=” id=” target=’formTarget’&gt; &lt;input type=’text’ name=’username’ id=” placeholder=...

    jq ajax提交表单

    完整的jq ajax提交表单,奖解压后jq文档加入页面中,调用就可惟了。 表单结构 &lt;form id="myForm" action="comment.php" method="post"&gt; Name: &lt;input type="text" name="name" /&gt; Comment: &lt;...

    如何在ASP.NET MVC中使用Ajax创建和下载文件

    在ASP.NET MVC中使用Ajax调用创建和下载文件

    html静态页面调用php文件的方法

    静态页面中看上去好像是不能直接调用php文件的,但是却可以使用js调用方式来调用php文件,当然还可以使用ajax 调用php文件,下面就来给大家介绍一下: 举一个简单的例子来说明:   如在页面a.html中用下面这句调用,...

    Ajax跨域问题及解决方案(jsonp,cors)

     在远程服务器上设法动态的把数据装进js格式的文本代码段中,供客户端调用和进一步处理;在前台通过动态添加script标签及src属性,表面看上去与ajax极为相似,但是,这和ajax并没有任何关系;为了便于使用及交流,...

    ajax调用java实例源码-kafka-streams-in-action:KafkaStreamsinActionBook的源代码

    ajax调用java实例源码运行中的 Kafka Streams 源代码 欢迎使用 Kafka Streams in Action 的源代码。 在这里,您将找到运行书中示例代码的说明。 如果任何示例无法产生输出,请确保您已创建所需的主题。 对于在 Max/*...

    action.js:用于将表单请求转换为 ajax 的迷你库

    Action.js 可以轻松地将您常规的、蹩脚的表单帖子(很快就会变成)转换为 ajax 调用。 在[removed]或$(document).ready使用非常容易: action(form,callback) form 变量是实际的表单 dom 节点。 在示例索引中,我...

    Ajax请求session超时处理流程

    SessionValidateFilter中修改: if (ServerInfo.isAjax(request)) { request.setAttribute("statusCode", 301); request.setAttribute("message", "Session timeout!"); response.sendRedirect(response....

    ajax-action-confirm-button:AJAX 操作 - 确认按钮组件

    ajax 动作确认按钮 简单可变的ajax多状态按钮组件。 在模式下工作以确认操作。... var AjaxActionConfirmButton = require ( 'ajax-action-confirm-button' ) ; var AjaxActionConfirmButtonConstructor = function ( e

    ajax Struts 上传文件

    ajax调用action 实现无刷新上传,可以用 解压后是一个小项目。

    ThinkPHP环境下调用Action的测试工具

    本人开发了一种工具帮助ThinkPHP开发者模拟前端ajax请求,以提高测试效率。

    jQuery的Ajax接收java返回数据方法

    1.前端Ajax请求如下: $.ajax({ type : "post", //async:false, url : PATH + "/product/selectPicture.action", dataType : "json", success : function(data) { $.each(data,function(k,v){ alert&#40;k +...

Global site tag (gtag.js) - Google Analytics