0 0

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个答案 按时间排序 按投票排序

0 0

采纳的答案

<%@ 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
0 0

出问题要想解决办法,多对自己提为什么?哪出的问题?我一定能解决它。实在解决不了再问人!

2010年4月07日 16:21
0 0

最简单的命名冲突,至于为什么,你引得太多JS,有相同命名的所以就不能用了。
你可以一个个JS导入试,试出哪个JS引入出错,然后再想办法解决!

2010年4月07日 16:20
0 0

对于你返回值是多种多样的,JSON是比较不错的返回类型。有机会多看看多试验下。
多磨练才能写出自己的UI。

2010年4月07日 16:11
0 0

action对于Ajax处理有2种,
简单的就是return null;

还有就是跳转到jsp页面 输入你跳转的值、比如:

String a="nihao";

request.setAttribute("success",a);

跳转到JSP页面。空页面

<%=request.getAttribute("success")%>

2个效果是一样的

2010年4月07日 16:08
0 0

请return null;

2010年4月07日 16:04

相关推荐

    一个页面实现Ajax效果的增删改查-JQuery+Json版

    本项目"一个页面实现Ajax效果的增删改查-JQuery+Json版"正是利用了这一技术,结合jQuery库和JSON数据格式,为用户提供了一个在一个页面上完成数据增、删、改、查功能的示例。 **jQuery** 是一个轻量级的JavaScript...

    传智播客 jQuery ajax 课件

    AJAX并不是一个单一的技术,而是一种使用现有技术组合的方式,主要包括XMLHttpRequest对象、JavaScript、DOM以及CSS。jQuery库简化了这些技术的使用,提供了一套简单易用的API,使得开发者可以快速实现异步数据交互...

    spring框架项目+jQueryAjax提交实例。jquery-3.3.1.min.js

    标题中的"spring框架项目+jQueryAjax提交实例"指的是一个整合了Spring框架和jQuery AJAX技术的Web应用程序项目。这个项目提供了一个完整的流程,演示了如何在前端使用jQuery的AJAX功能向后端Spring MVC控制器发送...

    struts2+jquery执行ajax并返回json类型数据(源码)

    在这个"struts2+jquery执行ajax并返回json类型数据"的示例中,我们将探讨如何通过Ajax技术在后台Struts2框架与前端jQuery库之间交换JSON格式的数据。 首先,Struts2是一个强大的MVC(Model-View-Controller)框架,...

    asp +JqueryAjax+access 无刷新分页

    【ASP + JqueryAjax + Access 无刷新分页】是一种网页开发技术,它结合了ASP(Active Server Pages)后端处理、JqueryAjax前端异步通信以及Access数据库的数据存储,以实现网页数据的动态加载,无需整个页面刷新,...

    利用jquery以及ajax实现树结构

    AJAX(Asynchronous JavaScript and XML)则允许我们在不刷新整个页面的情况下与服务器进行异步数据交换,从而提高用户体验。 1. **jQuery的使用**: - DOM操作:jQuery提供了方便的API来选择、操作DOM元素,如`$...

    ajax WCF jquery ajax WCF jquery

    4. **创建jQuery客户端代码**:在HTML页面中使用jQuery的AJAX方法,构建请求参数,调用WCF服务。 5. **处理服务响应**:在AJAX的success回调中处理服务返回的数据,更新页面内容。 6. **调试和测试**:确保服务端和...

    jquery_Ajax解析

    ### jQuery Ajax解析详解 #### 一、概述 随着Web应用的发展,用户对于页面交互体验的要求越来越高,而Ajax技术因其能够实现局部刷新等效果而成为Web前端开发中的重要组成部分。jQuery作为一个流行的JavaScript库,...

    jquery ajax json php

    文件列表中的"jq.ajax.json.html"可能是包含jQuery AJAX调用示例的HTML页面,"phplib"可能是一个包含PHP处理逻辑的文件夹,而"jslib"可能包含一些辅助JavaScript库。 了解这些技术的协同工作原理对于开发高效、动态...

    jquery ajax用json传值实例asp.net

    6. **拖放部署**:描述提到可以将页面文件直接拖放到网站项目中,这意味着你只需将相关的HTML、JavaScript和ASP.NET后端文件放入同一个项目,就能直接运行并测试JSON数据的传递。 总之,这个"jquery ajax用json传值...

    jqueryTreeTable+ajax(构建树形表格)

    本教程将详细讲解如何利用jQuery TreeTable插件结合AJAX和MySQL数据库,以及Spring、SpringMVC(SSM)架构来创建一个动态的树形表格。 **一、jQuery TreeTable介绍** jQuery TreeTable是一款轻量级的JavaScript...

    jQuery中ajax获取数据赋值给页面的实例

    在这个回调函数内,可以访问返回的数据对象data,并根据需要提取信息。在这个示例中,它提取了'posterArrs'和'courseArrs'数据,分别赋值给了course_info和course_arr变量。 10. 根据course_arr数组的内容,通过一...

    jQuery AJAX表格控件(初版)源码

    在这个控件中,jQuery和AJAX的结合用于实现表格数据的动态加载、编辑和删除,使得用户可以无需刷新页面就能进行操作。 该控件的核心功能包括: 1. 数据获取:通过AJAX请求从服务器获取表格数据,通常使用GET或POST...

    jquery的get()方法ajax传值php实例

    在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理和Ajax交互。本实例将深入探讨如何使用jQuery的`get()`方法进行Ajax请求,将数据传递到PHP服务器,并接收JSON格式的响应。让我们...

    jquery与json和ajax的结合

    AJAX(Asynchronous JavaScript and XML)是一种创建交互式网页应用的技术,它允许网页在不重新加载整个页面的情况下,动态地更新部分页面内容。通过使用XMLHttpRequest对象,AJAX可以在后台与服务器进行异步数据...

    jquery ajax 最简单示例,可以直接运行

    3. 运行项目,打开浏览器访问HTML页面,触发AJAX请求。 4. 使用开发者工具(如Chrome的DevTools)查看网络请求,确认AJAX请求是否成功,并检查数据交换情况。 **六、总结** 通过以上步骤,我们可以理解如何在Java...

    jQuery Ajax 三级省市联动 (JSON)

    首先,理解jQuery是一个轻量级的JavaScript库,它简化了DOM操作、事件处理、动画以及Ajax交互。Ajax全称为"Asynchronous JavaScript and XML",它允许网页在不刷新整个页面的情况下与服务器进行数据交换,这正是实现...

    Ajax分页 C# +jquery +json

    2. **jQuery**:这是一个流行的JavaScript库,简化了DOM操作、事件处理和异步请求(如Ajax)。在Ajax分页中,jQuery发起Ajax请求,处理响应,并更新前端UI。 3. **JSON**:JavaScript Object Notation,是一种轻量...

    jquery AJAX 回调函数取JSON成功代码

    在JavaScript的世界里,jQuery是一个非常流行的库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互。AJAX(Asynchronous JavaScript and XML)技术允许我们在不刷新整个页面的情况下与服务器进行异步通信,极大...

    javaIDEA新手研究的ajax访问servlet,html获取后台数据

    1. **HTML页面**:创建一个HTML页面,其中包含用于触发Ajax请求的元素,如按钮或表单。JavaScript代码会监听这些元素的事件,当用户触发这些事件时,就会发起Ajax请求。 2. **JavaScript和Ajax**:使用JavaScript的...

Global site tag (gtag.js) - Google Analytics