js-发送ajax请求到后台获取的数据不能显示到弹框<div>中

问题描述

发送ajax请求到后台获取的数据不能显示到弹框<div>中

点击按钮发送ajax请求到后台获取的数据,div能弹出来,但是下面的数据不显示,如下图(块里面为空,无数据,只有表头):

在html的标签中的代码:<br>
<img src="http://img.ask.csdn.net/upload/201511/23/1448285257_457694.jpg" alt="图片说明"><br>
红框①中的数据都获取到了但是不显示到块中;粉框②是拼接的html,不显示数据的问题估计就出在这里,其他地方元素都显示正常。<br>
我的逻辑是,从服务器取出的数据填进这个div中,但就是不显示。是不是还缺点什么?是异步的问题吗?</p>

解决方案

你在success回调里面return内容无用,没有任何对象接收返回值,而且ajax是异步的,如果你userLive要返回数据,也需要将ajax设置为同步的,async:false

将 return html那句改为$('#light').append(html),往弹出层里面添加内容,如果你的light还有容器,自己注意修改选择器

解决方案二:

把return html改为$('#light').append(html)

解决方案三:

(在html的标签中的代码)

解决方案四:

断点打印出来有数据没有呢?

解决方案五:

控制台有数据(即红框①有数据),但是就是不显示到div中

解决方案六:

根据各位老师的提示更改后的问题:
所做的更改:
①处为添加的异步;
②处为清空table里的内容(但是事实证明此处失效);
③处为拼接的html字符串(此处没有改动)
④处和⑤处为添加的append方法
结果是:如图
红框里的数据出来了,但是和表头显示的不和谐,似乎不是table,都缩到一块了;
还有个严重的问题就是:多次点击按钮每次获取的信息都会显示到这个div中,但是不将上次的内容清空,一直在append(即②处的$('#liveTa').empty();失效),所以右上角的滑竿一直变短。
问题怎么解决?

解决方案七:

楼主的

用好了吗

时间: 2024-12-29 20:32:08

js-发送ajax请求到后台获取的数据不能显示到弹框&amp;lt;div&amp;gt;中的相关文章

jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表_jquery

对于问题从后台获取json数据,将内容填充到下拉列表,代码非常简单,具体过程请看下面代码. 需求:url:链接     par:ID       sel:下拉列表选择器 //获取下拉列表 function BuildSelectBox(url, par, sel) { $(sel).empty(); $.getJSON(url, { id: par }, function (json, textStatus) { for (var i = json.length - 1; i >= 0; i--

ajax-AJAX发送请求,后台接受到数据但是返回结果后,Ajax请求结果失败

问题描述 AJAX发送请求,后台接受到数据但是返回结果后,Ajax请求结果失败 前台JS和后台相应如下: var username = $("#user_name").val().trim(); var password = $("#password").val(); console.log(username+","+password); $.ajax({ url:"/Test1224/login.action", data:

AJAX跨域请求之JSONP获取JSON数据_AJAX相关

Asynchronous JavaScript and XML (Ajax ) 是驱动新一代 Web 站点(流行术语为 Web 2.0 站点)的关键技术.Ajax 允许在不干扰 Web 应用程序的显示和行为的情况下在后台进行数据检索.使用 XMLHttpRequest 函数获取数据,它是一种 API,允许客户端 JavaScript 通过 HTTP 连接到远程服务器.Ajax 也是许多 mashup 的驱动力,它可将来自多个地方的内容集成为单一 Web 应用程序. 不过,由于受到浏览器的限制,该

Javascript发送AJAX请求实例代码_javascript技巧

一个对AJAX的封装 //url就是请求的地址 //successFunc就是一个请求返回成功之后的一个function,有一个参数,参数就是服务器返回的报文体 function ajax(url,successFunc) { var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP'); xhr.open("POST",url,true); xhr.onr

ie发送ajax请求返回上一次结果的解决方法

 这篇文章主要介绍了ie发送ajax请求返回上一次结果的解决方法,需要的朋友可以参考下 问题出现原因:    1. ie下面只会建立一次 ajax 请求,将响应结果放在浏览器缓存里 下次调用该ajax请求时 从缓存里读取    get方式时,获取数据,因发送参数和地址都一致,故IE浏览器会从缓存中取,而不会去请求服务器端,而post方式因为参数的不同,不会产生这个问题    2. 火狐下面 每次激活事件 都会重新建立一次ajax请求    解决方法:    1: 在AJAX请求的页面后加个随机函

java spring ajax jsp-jsp页面通过$.ajax请求java后台,但是页面跳转了

问题描述 jsp页面通过$.ajax请求java后台,但是页面跳转了 js代码: function sendForm() { alert("12345"), $.ajax({ type : "get", url : "code/checkcode", data : { "codeNum" : $("#codeNum") }, dataType : "json", success : fu

防止重复发送Ajax请求的解决方案_AJAX相关

在页面中有多个按钮,点击该按钮可以异步的去服务端读取数据,然后在前端将数据展示出来. 每个按钮点击请求的页面都是同一个,但是请求的参数不同,所以返回的内容就不同. 在连续点击多个按钮的时候就会发出多个异步请求.那么根据请求返回的快慢(因为不同按钮参数不同,返回内容不同,所以会有快慢之分),数据会依次的展示出来,那么就会出现一个先点击的按钮,由于他请求的数据量比较大,导致数据被后显示出来. 一.问题解决 解决这种问题有两种方式: 1.当连续进行多个请求,并且请求的url地址相同时.放弃前面的所有请

如何实现ajax延时发送在空闲之后去发送ajax请求_AJAX相关

很多时候,我们都会遇到例如关键字搜索的功能 我们第一的想法,肯定是绑定响应的keyup事件,然后将得到的keyword,请求一个ajax返回响应的数据处理 但是,这个时候,如果简单绑定keyup事件.那么,每一次的敲击键盘操作都会发送一个ajax请求,这显然不是我们希望的. 我们希望,尽量在空闲之后去发送ajax请求: 因此,我们设定用户在不敲击键盘之后1S,才去发送这个ajax请求 复制代码 代码如下: var timeout; onkeyup = function() { clearTime

防止重复发送Ajax请求的解决方案

在页面中有多个按钮,点击该按钮可以异步的去服务端读取数据,然后在前端将数据展示出来. 每个按钮点击请求的页面都是同一个,但是请求的参数不同,所以返回的内容就不同. 在连续点击多个按钮的时候就会发出多个异步请求.那么根据请求返回的快慢(因为不同按钮参数不同,返回内容不同,所以会有快慢之分),数据会依次的展示出来,那么就会出现一个先点击的按钮,由于他请求的数据量比较大,导致数据被后显示出来. 一.问题解决 解决这种问题有两种方式: 1.当连续进行多个请求,并且请求的url地址相同时.放弃前面的所有请