-
jquery ajax访问返回一个html页面,不能解析5
贴一段代码,如下:
var params = jQuery("#receiptForm").serialize();
jQuery.ajax({
type : "POST",
url : "/srm/srmBuyerManage.do?reqCode=receiptAction",
data : encodeURI(params),
dataType :"html",
success : function(data, textStatus) {
alert(jQuery('div', data).html());
},
error : function() {
alert('过账失败');
}
});
访问action 返回一个html页面,如果alert(date)可以打印出页面,但是jQuery('div', data).html()得不到值,页面是有唯一的一个div元素的 ,求解!
问题补充:按你的方法解决了,但是我还有个问题,我在sturts1 的action里面最后面返回时用return mapping.findForward( "test" ) ,用alert(data)可以打印出整个返回的页面,但是不能解析,纳闷中。。。
问题补充:谢谢 学习了 昨天还遇到一个现在还没解决的问题 就是在引用对象时不能用$符号 必需要用jQuery代替,比如说有一个ID为test的元素,不能这么引用$("#test"), 而必需这样子jQuery("#test"), 不知道你有没有遇到过?2010年4月07日 14:18
6个答案 按时间排序 按投票排序
-
采纳的答案
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSP 'index.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <!-- <link rel="stylesheet" type="text/css" href="styles.css"> --> <script type="text/javascript" src="js/jquery-1.3.2.min-vsdoc.js"></script> <script type="text/javascript"> function sub(){ var params=$("#receiptForm").serialize(); $.ajax({ type:"POST", url:"show.action", data:encodeURI(params), dataType:"html", success:function(data){ alert($('div').html(data)); }, error:function(){ alert("过账失败"); } }); } </script> </head> <body> <form action="" id="receiptForm" onsubmit="sub();return false;"> 用户名:<input type="text" name="username"/><br/> 密码:<input type="password" name="password"/><br/> 年龄:<input type="text" name="age"/><br/> <input type="submit" name="mysub"/> </form> <div></div> </body> </html>
这个是struts2的writer方法
struts1用out.print();String a="<span>chenggong<span>"; response.getWriter().write(a);
你看下参考下有没什么问题,我执行出来没问题。
alert(jQuery('div', data).html());
这个方法请用
alert(jQuery('div').html(data));2010年4月07日 15:42
-
最简单的命名冲突,至于为什么,你引得太多JS,有相同命名的所以就不能用了。
你可以一个个JS导入试,试出哪个JS引入出错,然后再想办法解决!2010年4月07日 16:20
-
action对于Ajax处理有2种,
简单的就是return null;
还有就是跳转到jsp页面 输入你跳转的值、比如:
String a="nihao";
request.setAttribute("success",a);
跳转到JSP页面。空页面
<%=request.getAttribute("success")%>
2个效果是一样的2010年4月07日 16:08
相关推荐
本项目"一个页面实现Ajax效果的增删改查-JQuery+Json版"正是利用了这一技术,结合jQuery库和JSON数据格式,为用户提供了一个在一个页面上完成数据增、删、改、查功能的示例。 **jQuery** 是一个轻量级的JavaScript...
AJAX并不是一个单一的技术,而是一种使用现有技术组合的方式,主要包括XMLHttpRequest对象、JavaScript、DOM以及CSS。jQuery库简化了这些技术的使用,提供了一套简单易用的API,使得开发者可以快速实现异步数据交互...
标题中的"spring框架项目+jQueryAjax提交实例"指的是一个整合了Spring框架和jQuery AJAX技术的Web应用程序项目。这个项目提供了一个完整的流程,演示了如何在前端使用jQuery的AJAX功能向后端Spring MVC控制器发送...
在这个"struts2+jquery执行ajax并返回json类型数据"的示例中,我们将探讨如何通过Ajax技术在后台Struts2框架与前端jQuery库之间交换JSON格式的数据。 首先,Struts2是一个强大的MVC(Model-View-Controller)框架,...
【ASP + JqueryAjax + Access 无刷新分页】是一种网页开发技术,它结合了ASP(Active Server Pages)后端处理、JqueryAjax前端异步通信以及Access数据库的数据存储,以实现网页数据的动态加载,无需整个页面刷新,...
AJAX(Asynchronous JavaScript and XML)则允许我们在不刷新整个页面的情况下与服务器进行异步数据交换,从而提高用户体验。 1. **jQuery的使用**: - DOM操作:jQuery提供了方便的API来选择、操作DOM元素,如`$...
4. **创建jQuery客户端代码**:在HTML页面中使用jQuery的AJAX方法,构建请求参数,调用WCF服务。 5. **处理服务响应**:在AJAX的success回调中处理服务返回的数据,更新页面内容。 6. **调试和测试**:确保服务端和...
### jQuery Ajax解析详解 #### 一、概述 随着Web应用的发展,用户对于页面交互体验的要求越来越高,而Ajax技术因其能够实现局部刷新等效果而成为Web前端开发中的重要组成部分。jQuery作为一个流行的JavaScript库,...
文件列表中的"jq.ajax.json.html"可能是包含jQuery AJAX调用示例的HTML页面,"phplib"可能是一个包含PHP处理逻辑的文件夹,而"jslib"可能包含一些辅助JavaScript库。 了解这些技术的协同工作原理对于开发高效、动态...
6. **拖放部署**:描述提到可以将页面文件直接拖放到网站项目中,这意味着你只需将相关的HTML、JavaScript和ASP.NET后端文件放入同一个项目,就能直接运行并测试JSON数据的传递。 总之,这个"jquery ajax用json传值...
本教程将详细讲解如何利用jQuery TreeTable插件结合AJAX和MySQL数据库,以及Spring、SpringMVC(SSM)架构来创建一个动态的树形表格。 **一、jQuery TreeTable介绍** jQuery TreeTable是一款轻量级的JavaScript...
在这个回调函数内,可以访问返回的数据对象data,并根据需要提取信息。在这个示例中,它提取了'posterArrs'和'courseArrs'数据,分别赋值给了course_info和course_arr变量。 10. 根据course_arr数组的内容,通过一...
在这个控件中,jQuery和AJAX的结合用于实现表格数据的动态加载、编辑和删除,使得用户可以无需刷新页面就能进行操作。 该控件的核心功能包括: 1. 数据获取:通过AJAX请求从服务器获取表格数据,通常使用GET或POST...
在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理和Ajax交互。本实例将深入探讨如何使用jQuery的`get()`方法进行Ajax请求,将数据传递到PHP服务器,并接收JSON格式的响应。让我们...
AJAX(Asynchronous JavaScript and XML)是一种创建交互式网页应用的技术,它允许网页在不重新加载整个页面的情况下,动态地更新部分页面内容。通过使用XMLHttpRequest对象,AJAX可以在后台与服务器进行异步数据...
3. 运行项目,打开浏览器访问HTML页面,触发AJAX请求。 4. 使用开发者工具(如Chrome的DevTools)查看网络请求,确认AJAX请求是否成功,并检查数据交换情况。 **六、总结** 通过以上步骤,我们可以理解如何在Java...
首先,理解jQuery是一个轻量级的JavaScript库,它简化了DOM操作、事件处理、动画以及Ajax交互。Ajax全称为"Asynchronous JavaScript and XML",它允许网页在不刷新整个页面的情况下与服务器进行数据交换,这正是实现...
2. **jQuery**:这是一个流行的JavaScript库,简化了DOM操作、事件处理和异步请求(如Ajax)。在Ajax分页中,jQuery发起Ajax请求,处理响应,并更新前端UI。 3. **JSON**:JavaScript Object Notation,是一种轻量...
在JavaScript的世界里,jQuery是一个非常流行的库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互。AJAX(Asynchronous JavaScript and XML)技术允许我们在不刷新整个页面的情况下与服务器进行异步通信,极大...
1. **HTML页面**:创建一个HTML页面,其中包含用于触发Ajax请求的元素,如按钮或表单。JavaScript代码会监听这些元素的事件,当用户触发这些事件时,就会发起Ajax请求。 2. **JavaScript和Ajax**:使用JavaScript的...