Ajax 异步传输

function getData(){
		var url = "Show.do?dh=1";
		createXmlHttpReq();
		xmlHttp.onreadystatechange = function(){
			if(xmlHttp.readyState == 4 && xmlHttp.status == 200){
				var resp = xmlHttp.responseText;
				Convert(resp);
			}
		}
		xmlHttp.open("get",url,true);
		xmlHttp.send(null);
	}
	
	function Convert(resp){
		var mtb = document.getElementById("my_tb");
		var par = resp.parseJSON();
		var my_tb = document.getElementById("my_tb");
		for(var i = 0 ; i < par.length ; i ++){
			//alert(par[i].cate_id+"\t"+par[i].cate_name+"\t"+par[i].ori_price);
			var tbl = document.createElement("table");
			var tbody = document.createElement("tbody");
			var tr = document.createElement("tr");
			var td = document.createElement("td");
			td.setAttribute("vAlign","top");
			td.setAttribute("width","90");
			td.setAttribute("height","80");
			td.innerHTML = "<A href="+par[i].img_path+" target=_blank><IMG height=80 alt=点击图片查看内容 src="+par[i].img_path+" width=80 border=0></A>";
			var td2 = document.createElement("td");
			td2.setAttribute("vAlign","top");
			var tb = document.createElement("table");
			tb.setAttribute("cellSpacing","1");
			tb.setAttribute("cellPadding","0");
			tb.setAttribute("width","100%");
			tb.setAttribute("align","center");
			tb.setAttribute("border","0");
			var body = document.createElement("tbody");
			var tr2 = document.createElement("tr");
			var td3 = document.createElement("td");
			td3.innerHTML = "<A href=# target=_blank><STRONG>"+par[i].cate_name+"</STRONG></A>";
			var tr3 = document.createElement("tr");
			var td4 = document.createElement("td");
			td4.setAttribute("height","21");
			td4.innerHTML = "<FONT color=#ff0000>现价:人民币"+par[i].cur_price+"元</FONT><BR><a href=#>"+par[i].descript+"</a>!";
			
			
			tr2.appendChild(td3);
			tr3.appendChild(td4);
			body.appendChild(tr2);
			body.appendChild(tr3);
			tb.appendChild(body);
			td2.appendChild(tb);
			tr.appendChild(td);
			tr.appendChild(td2);
			tbody.appendChild(tr);
			tbl.appendChild(tbody);
			mtb.appendChild(tbl);
	    }
	    alert("完成");
	}



<TABLE cellSpacing=0 cellPadding=0 width=776 align=center border=0 id = "my_tb">
	
</TABLE>


这代码有问题吗,为什么运行至 alert("完成") 消息弹出,  网页仍然没有任何字迹出现,求老哥们帮忙看看。

问题补充:
dieslrae 写道
var par = resp.parseJSON();


parseJSON如果我没记错这是火狐才有方法,老老实实的用eval吧

var par = eval("(" + resp + ")")//如果resp是数组就不用+()了



我用了js模板的。
问题已经解决了,谢谢。
2019-03-25 13:32

相关教程

更多

AJAX问题

我的问题是这样 两个下拉框  区县  </td>  <td width="15%" >  <aicore:select style="width:100%" name="resNumberGsmNew" property="countyId"onchange="getOffice

怎么写ajax异步提交?

现在我想做一个省市联动,但是他的表结构是内连接,所以有点不知道该如何查询,如果可以,可不可以给我一个sql语句。谢谢。(我要查三层,通过省查市,通过市查乡)  现在我查出来省了,要根据省的id查出市来。我用的是oracle数据库,ibatIS维护(好像是时维护,我也说不准,只知道是它),  现在的问题是,我怎么把值传到后台去,ajax怎么写呢?

利用Linq + Ajax 异步分页实现单个删除,批

此资源为利用Linq + Jquery + Ajax 异步分页的实现 的升级版,里面包含批量删除,单个删除,全选,反选等操作

ext 中 ajax怎么异步加载js文件 ?

ext 中 ajax怎么异步加载js文件 ? 谁能提供下代码?  问题补充:  想找个一好用的的 我找了个 不知道为什么加载js 总是失败,偶尔也能成功  var jsStr = "";Ext.Ajax.request( { // method : 'POST',   url : "pages/UnitsInfo.js",  //scope : this,

Ajax彻底研究-视频教程

PHP学习一本通.pdf PHP公益培训第3部-064-ajax长轮询完成咨询功能.wmv PHP公益培训第3部-063-iframe完成客服功能.wmv PHP公益培训第3部-062-反向ajax原理与模型.wmv PHP公益培训第3部-061-切割上传进度条.wmv PHP公益培训第3部-060-Ajax大文件切割上传.wmv PHP公益培训第3部-059-带进度条的Ajax文件上传.wmv

ajax数据安全的问题

我在一个网页中使用jquery里的ajax函数做ajax效果,一般会按照参数格式填写url(还有其他参数),就是处理请求的地址。  同时,我也是使用了firebug用来跟踪post回来的数据,也可以看到请求的数据。  问题来了,这些数据都是赤裸裸的暴露在外面,只要会用firebug类似的工具,人家可以分析你的数据。感觉很不安全。  也看到过其他网页明显有ajax的效果,但是用firebug跟踪不到

尚硅谷Java视频教程_Ajax视频教程【主讲:佟刚】

本Java视频教程涵盖 Ajax 的实现原理、XMLHttpRequest 实现 Ajax、Ajax 传输的数据格式(HTML、XML、JSON)、jQuery 实现 Ajax、使用 Jackson、jQuery BlockUI 插件、经典案例等内容。   本Java视频教程经典案例包括:验证用户名是否可用、添加商品的多级联动、城市-部门显示 Ajax 显示等。

如何在struts2下利用ajax实现上传图片的大小检测,并弹出警告

如何在struts2下利用ajax实现上传图片的大小检测,并弹出警告,最好有具体代码,谢谢  问题补充:  Chris_Lu 你验证过这个JS么,这个是错误的,起码在我机器上执行不了这个功能  另外,我想,能不能异步的验证文件大小,因为如果把文件上传到服务器再验证,时间可能会比较长,如果文件大点的话  问题补充:  Chris_Lu 能留个QQ么,交流下

ajax验证用户注册

gui求大哥们给一个ajax验证用户的+java后台的代码实例 加详细注解 新手学习ajax 我另外再给分!!!     问题补充:描述得不够明细,都不知道你想用什么技术,如dwr jquery 还是最原始的   //这里用jquery,记得导入jquery引用的文件//ajax_data是页面的一个div的ID,就是你要提交的这div里面的数据到后台的//'score/score-update'

ajax请求问题,到底哪里错了

$(function(){  alert("预加载...");  $("#addTask").click(function(){  $.ajax({  type: "POST",  url: "yujiazaiSelectTask.action?taskType=NYGRADE",  contentType: &quo

AJAX JSON 乱码

网上下了一个JS、功能是把FORM里的内容序列化为JSON、用AJAX方式提交到后台  JS比较小巧  (function ($) {  var formJson = {};  var currentForm = null;  $.fn.form_serialize = function () {  currentForm = $(this);  formJson = {};  var doms

《MLDN出品 魔乐科技Node.JS + MongoDB(JSP、HTML 、XML、JavaScript、Servlet、Struts、Ajax)视频汇总》(Node.JS + MongoDB\JSP、HTML 、XML、JavaScript、Servlet、Struts、Ajax nodejs)V2013[压缩包]

中文名: MLDN出品 魔乐科技Node.JS + MongoDB(JSP、HTML 、XML、JavaScript、Servlet、Struts、Ajax)视频汇总    英文名: Node.JS + MongoDB\JSP、HTML 、XML、JavaScript、Servlet、Struts、Ajax nodejs    别名: Node.JS + MongoDB    资源格式: 压缩包

黑马ajax视频教程

14黑马程序员_冯威_AJAX视频教程_jquery选择器1.zip 13黑马程序员_冯威_AJAX视频教程_json格式2.zip 12黑马程序员_冯威_AJAX视频教程_json格式.zip 11黑马程序员_冯威_AJAX视频教程_AJAX原理和例子.zip 10黑马程序员_冯威_AJAX视频教程_javaScript验证02.zip 09黑马程序员_冯威_AJAX视频教程_javaScrip

Ajax跨域调用的范例

Ajax的写法:    $(function() {  var oid = GetRequest("OID");  //oid = "gh_fbcc787818d3";  var openid = GetRequest("OPENID");  //openid = "oVPTzt1-KZwUAP5xw8Vv1CaofMbQ&qu

ext+struts2.0 同一个action 多个方法 异步问题

一个页面由多个组件组成,每个组件都重后台取数据,使用Ext.Ajax.request()方式  Ext.Ajax.request({url : 'rightAction!methodXX1.action',})Ext.Ajax.request({url : 'rightAction!methodXX2.action',})Ext.Ajax.request({url : 'rightAction!m

最新教程

更多

java线程状态详解(6种)

java线程类为:java.lang.Thread,其实现java.lang.Runnable接口。 线程在运行过程中有6种状态,分别如下: NEW:初始状态,线程被构建,但是还没有调用start()方法 RUNNABLE:运行状态,Java线程将操作系统中的就绪和运行两种状态统称为“运行状态” BLOCK:阻塞状态,表示线程阻塞

redis从库只读设置-redis集群管理

默认情况下redis数据库充当slave角色时是只读的不能进行写操作,如果写入,会提示以下错误:READONLY You can't write against a read only slave.  127.0.0.1:6382> set k3 111  (error) READONLY You can't write against a read only slave. 如果你要开启从库

Netty环境配置

netty是一个java事件驱动的网络通信框架,也就是一个jar包,只要在项目里引用即可。

Netty基于流的传输处理

​在TCP/IP的基于流的传输中,接收的数据被存储到套接字接收缓冲器中。不幸的是,基于流的传输的缓冲器不是分组的队列,而是字节的队列。 这意味着,即使将两个消息作为两个独立的数据包发送,操作系统也不会将它们视为两个消息,而只是一组字节(有点悲剧)。 因此,不能保证读的是您在远程定入的行数据

Netty入门实例-使用POJO代替ByteBuf

使用TIME协议的客户端和服务器示例,让它们使用POJO来代替原来的ByteBuf。

Netty入门实例-时间服务器

Netty中服务器和客户端之间最大的和唯一的区别是使用了不同的Bootstrap和Channel实现

Netty入门实例-编写服务器端程序

channelRead()处理程序方法实现如下

Netty开发环境配置

最新版本的Netty 4.x和JDK 1.6及更高版本

电商平台数据库设计

电商平台数据库表设计:商品分类表、商品信息表、品牌表、商品属性表、商品属性扩展表、规格表、规格扩展表

HttpClient 上传文件

我们使用MultipartEntityBuilder创建一个HttpEntity。 当创建构建器时,添加一个二进制体 - 包含将要上传的文件以及一个文本正文。 接下来,使用RequestBuilder创建一个HTTP请求,并分配先前创建的HttpEntity。

MongoDB常用命令

查看当前使用的数据库    > db    test  切换数据库   > use foobar    switched to db foobar  插入文档    > post={"title":"领悟书生","content":"这是一个分享教程的网站","date":new

快速了解MongoDB【基本概念与体系结构】

什么是MongoDB MongoDB is a general purpose, document-based, distributed database built for modern application developers and for the cloud era. MongoDB是一个基于分布式文件存储的数据库。由C++语言编写。旨在为WEB应用提供可扩展的高性能数据存储解决方案。

windows系统安装MongoDB

安装 下载MongoDB的安装包:mongodb-win32-x86_64-2008plus-ssl-3.2.10-signed.msi,按照提示步骤安装即可。 安装完成后,软件会安装在C:\Program Files\MongoDB 目录中 我们要启动的服务程序就是C:\Program Files\MongoDB\Server\3.2\bin目录下的mongod.exe,为了方便我们每次启动,我

Spring boot整合MyBatis-Plus 之二:增删改查

基于上一篇springboot整合MyBatis-Plus之后,实现简单的增删改查 创建实体类 添加表注解TableName和主键注解TableId import com.baomidou.mybatisplus.annotations.TableId;
import com.baomidou.mybatisplus.annotations.TableName;
import com.baom

分布式ID生成器【snowflake雪花算法】

基于snowflake雪花算法分布式ID生成器 snowflake雪花算法分布式ID生成器几大特点: 41bit的时间戳可以支持该算法使用到2082年 10bit的工作机器id可以支持1024台机器 序列号支持1毫秒产生4096个自增序列id 整体上按照时间自增排序 整个分布式系统内不会产生ID碰撞 每秒能够产生26万ID左右 Twitter的 Snowflake分布式ID生成器的JAVA实现方案