ajax 传送很多html字符串到前台例子
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>ajax 传送多个html到前台</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<script language="javascript">
var xmlHttp;
function createXMLHttpRequest() {
if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
} else {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
}
function begin()
{
createXMLHttpRequest();
xmlHttp.onreadystatechange = processor;
xmlHttp.open("GET","display.jsp");
xmlHttp.send(null);
}
function processor()
{
if(xmlHttp.readyState == 4)
{
if(xmlHttp.status == 200){
var weatherInfo = eval("(" + xmlHttp.responseText + ")"); //解析JSON格式的服务器响应
document.getElementById("zhihui").innerHTML =weatherInfo.lastBuildDate;
document.getElementById("chill").innerHTML =weatherInfo.chill;
document.getElementById("speed").innerHTML =weatherInfo.speed;
document.getElementById("high").innerHTML =weatherInfo.high;
alert(weatherInfo.lastBuildDate);
}
}
}
</script>
</head>
<body onLoad="begin();">
<div id="zhihui">1：</div>
<table class="default">
<tr>
<td class="item">2：</td>
<td id="chill"></td>
</tr>
<tr>
<td class="item">3：</td>
<td id="high"></td>
</tr>
<tr>
<td class="item">4：</td>
<td id="speed"></td>
</tr>
</table>
</body>
</html>
display.jsp
<%@ page import="myProject.*" language="java" contentType="text/html; charset=GB18030" pageEncoding="GB18030"%>
<%
//String xmlPath=request.getParameter("xml");//获得xml文件路径
//String xsltPath=request.getParameter("xslt");//获得xslt文件路径
// GenerateHtmlMethod g=new GenerateHtmlMethod();//创建GenerateHtml对象
// String html1=g.getHtml("Datas1/1.xml","Datas1/1.xslt");//调用GenerateHtml对象的getHtml()方法，生成html文件并获取其源代码
// String user_forum=g.getHtml("Datas1/user_forum.xml","Datas1/user_forum.xslt");
// String special=g.getHtml("Datas1/special.xml","Datas1/special.xslt");
//String extras=g.getHtml("Datas1/Extras.xml","Datas1/Extras.xslt");
// String product_spec=g.getHtml("Datas1/product_spec.xml","Datas1/product_spec.xslt");
String ddd="dd";
String aa= "<html>" +
"<head>" +
"<style type=\"text/css\">" +
"body {TEXT-ALIGN: center;}" +
"#center { MARGIN-RIGHT: auto; MARGIN-LEFT: auto; } " +
".specials{ font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; text-align:left}" +
".apply{ font-family:Arial, Helvetica, sans-serif; font-size:13px; text-align:left; line-height:19px;}" +
"</style>"+
"</head>" +
"<body topmargin=\"0\">" +
"<div id=\"center\" style=\"width:420px;\">" +
"<div class=\"specials\" style=\"font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; text-align:left\">" +
" Specials"+
"<hr>"+
"</div>" +
"<div style=\"font-family:Arial, Helvetica, sans-serif; font-size:13px; text-align:left\">" +
"Apply now and if you're approved instantly, save 30 off yourPurchase, earn 3%rewards"+
" </div>" +
"<div style=\"float:left; margin-left:20px; margin-top:15px;\">" +
"<img src=\"images/Unigroup-web-design-product.2.7_13.gif\" width=\"80\"/></div>" +
"<div style=\"float:left; margin-left:60px; margin-top:20px; line-height:19px;\" class=\"apply\">" +
"<div style=\"float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; text-align:left; line-height:19px;\">Original Price: </div>"+
"<font color=\"#858585\">" +
"<div style=\"float:left; margin-left:15px; font-family:Arial, Helvetica, sans-serif; font-size:13px; text-align:left; line-height:19px;\">$30.00</div>" +
"</font>" +
"<br>" +
"<div style=\"float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; text-align:left; line-height:19px;\">Discount: </div>"+
"<font color=\"#858585\">" +
"<div style=\"float:left; margin-left:15px; font-family:Arial, Helvetica, sans-serif; font-size:13px; text-align:left; line-height:19px;\">$30.00</div>" +
"</font>" +
"<br>" +
"<div style=\"float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; text-align:left; line-height:19px;\">Discount: </div>" +
"<font color=\"#4953a0\">" +
"<div style=\"float:left; margin-left:37px; font-family:Arial, Helvetica, sans-serif; font-size:13px; text-align:left; line-height:19px;\">-$13.28</div>" +
"</font>" +
"<br/>" +
"<b>" +
"<div style=\"float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; text-align:left; line-height:19px;\"> Combo Price: </div>" +
"<div style=\"float:left; margin-left:25px; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:left; line-height:19px; letter-spacing:1.2px;\">" +
"<font color=\"#e13333\">$16.72</font>" +
"</div>" +
"</b>" +
"</div>"+
"<div style=\"clear:both; margin-top:5px; margin-left:30px;\">" +
"<div style=\"float:left\">" +
"<img src=\"images/Unigroup-web-design-product.2.7_28.gif\"/></div>" +
"<div style=\"float:left\">" +
"<img src=\"images/Unigroup-web-design-product.2.7_29.gif\"/></div>" +
"</div>" +
"<div style=\"clear:both; margin-left:30px;\">" +
"<div style=\"float:left\">" +
"<img src=\"images/Unigroup-web-design-product.2.7_31.gif\"/></div>" +
"<div style=\"float:left\">" +
"<img src=\"images/Unigroup-web-design-product.2.7_32.gif\"/></div>" +
"</div>" +
"</div>" +
"</body>" +
"</html>" ;
%>
<%
StringBuffer result = new StringBuffer("{");
result.append("'chill':'"+aa+"',");
result.append("'lastBuildDate':'"+dd+"',"); //里面的html字符串大家任意放置，一定要通过json格式化处理
result.append("'speed':'"+aa+"',"); //否则如果html里面有一些特殊的字符有特殊的意义，系统将送不过去
result.append("'high':'"+dd+"'"); //而发生错误。希望大家注意。你可以去下个json_simple.jar
result.append("}"); //包在我博客里有下载，欢迎大家下载。下载后记得把后缀
out.print(result.toString()); //.zip改成.jar
%>
希望我的例子能给大家一点帮助。有问题可以联系我，大家一起讨论。共同进步。
转载于:https://www.cnblogs.com/zhihui516/archive/2008/09/04/1283632.html
ajax 传送很多html字符串到前台例子相关推荐
- spring返回数据使用ajax,【spring 后台跳转前台】使用ajax访问的后台，后台正常执行，返回数据，但是不能进入前台的ajax回调函数中...
问题1: 使用ajax访问的后台,后台正常执行,并且正常返回数据,但是不能进入前台的ajax回调函数中 问题展示: 问题解决: 最后发现是因为后台的方法并未加注解:@ResponseBody,导致方法 ...
- id jquery 拼接_jquery拼接ajax的json和字符串的方法
整理文档,搜刮出一个jquery拼接ajax 的json和字符串拼接的代码,本文主要介绍了jquery拼接ajax 的json和字符串拼接的方法,这里整理了详细的代码,有需要的小伙伴可以参考下. jQ ...
- layer中html字符转换,在layer弹出层中通过ajax返回html拼接字符串填充数据的方法...
1,在给一个layer弹出层做checkbox自动选中时,ViewBag传递的时object类型,用不了lambda表达式,代码如下, @foreach (var perm in ViewBag.al ...
- ajax数据字符串拼接,ajax请求到后台数据，前台不用拼接字符串，一样显示到页面...
pageEncoding="utf-8"%> String path = request.getContextPath(); String basePath = reques ...
- ajax返回实体类字符串,js使用ajax传值给后台,后台返回字符串处理方法
之前使用js获取后台生成的JSON字符串,然后给select填充值,这次需要重新获取一次. 这里的目标是,在一个input输入框里,输入一个用户名,判断是否为空,是否不存在,如果存在返回几个字段给前台 ...
- ajax返回字符串怎么处理,ajax请求返回json字符串/json对象 处理
1. 返回json字符串如何处理 $.ajax({ url:xxx, success:function(date){ }, error:function(){ } }); 通过最原始的返回: Prin ...
- php p3p跨域登录,php+ajax实现多域名跨域登录例子(基于P3P)
在以前如果我们要实现php+ajax实现多域名跨域登录的话很多朋友都碰到无法正常跨域登录问题,下面我来给大家解决跨域名登录问题,有需要的参考. 该同步登陆需求需满足以下三个关键点: 1)A域名下登陆的 ...
- ajax传递json数组php,怎么通过ajax传送json数组到php,并通过php将数据插入数据库
如题.本人刚开始学习php,基础并不好,百度了好久都无法实现,希望能给出例子.json数据是拼接得到的 t 1.php不会写 回复讨论(解决方案) 一般网站返回的格式是json POST提交的话 写成 ...
- java后台 flex前台例子_flex+blazeds+java后台消息推送(简单示例)
现在有个问题需要大家思考一下,有个已经上线了的项目,有好好几千甚至上万的客户在使用了.现在项目开发商想发布一个通知.在今天下午6点需要重新启动服务器,想让在线的人在在预定的时间内都收到消息,让大家做好 ...
- python举两种字符串引号的例子_python里的单引号和双引号的有什么作用
在Python当中表达字符串既可以使用单引号,也可以使用双引号,那两者有什么区别吗? python单引号和双引号的区别 简单来说,在Python中使用单引号或双引号是没有区别的,都可以用来表示一个字符 ...
最新文章
- JavaScript-也来谈--闭包
- mysql存储过程 delete select insert_mysql常见操作语句，建表，增删改查
- 博达交换机镜像端口配置_“量身定制”的轨道交通工业以太网交换机，RT FORUM2019春季大会智慧解决方案12...
- typedef的用法
- 自定义linux命令工具栏,如何自定义Mac终端并使其更有用！
- Cus系统beta1.2发布
- 编写函数判断一个数是否是回文数_程序员面试金典 - 面试题 01.04. 回文排列
- idea 找不到或无法加载主类_解决IDEA中Groovy项目no Groovy library is defined的问题
- VS Code 切换大小写
- sftp shell 批量上传文件_如何在shell脚本里使用sftp批量传送文件-阿里云开发者社区...
- Cow Line（洛谷-P3014）
- Mysql的Root密码忘记,查看或修改的解决方法(图文介绍)
- 基于matlab的暴雨强度公式参数推求,小样本流域降雨强度公式和设计降雨分布的推求方法...
- Linux下修复U盘坏块,快速修复U盘坏块的方法
- 小游戏《堆木头》开发
- android 微信小程序 gps 飘,微信小程序实现自动定位功能
- 后台打log（便于查看问题和调试）方法
- 傅里叶变换的意义和理解（通俗易懂）[转]
- boost之日期 时间(date_time)
- 【数字孪生】数字孪生十问：分析与思考