`

Ajax 加载数据问题

    博客分类:
  • JS
阅读更多

如下的 Ajax 无法正确得到数据 。

 

$(function(){
	var cstr = "<span>";

	$.getJSON(contactorUrl,{},function(data){
		$.each(data.contactors, function(i,name) {
			cstr += "<a onclick='o'>"+name+"</a>";
		});
	});
	
	cstr += "</span>";
	alert(cstr);

}

 

cstr 为空

 

似乎, Ajax 的数据, 只能在其方法体内部有效, 就是局部变量的形式 。

 

要能够正确加载到数据, 只能写为 :

 

$(function(){

	var obj = $(this).parent();
	$.getJSON(contactorUrl,{},function(data){
		var cstr = "<span>";
		$.each(data.contactors, function(i,name) {
			cstr += "<a onclick='o'>"+name+"</a>";
		});
		cstr += "</span>";
		obj.append(cstr);
	});

}

 

 

就是把要改变内容的对象传递到Ajax方法体内部去加载数据 。

 

分享到:
评论

相关推荐

    php+ajax加载数据转圈动画图片.zip

    通过这种方式,用户可以一边浏览页面,一边等待数据加载,同时看到加载动画(如"ajax加载数据转圈动画图片.gif"),提高了用户体验。 加载动画是用户体验设计中的一个重要元素,特别是在数据加载期间,它可以帮助...

    jQuery+datatables插件实现ajax加载数据与增删改查功能示例

    2. ajax加载数据:涉及通过ajax技术从服务器端动态获取数据,并在网页上实时更新表格内容。 3. 增删改查功能:通常指的是在数据库管理系统中对数据进行增(创建)、删(删除)、改(更新)、查(查询)的基本操作。...

    ajax加载数据模板

    在本项目中,"ajax加载数据模板"显然关注的是如何在SSM(Spring、SpringMVC、MyBatis)框架下利用Ajax实现数据的动态加载、增删改查以及分页功能。 首先,我们需要理解SSM框架。Spring是一个全面的企业级应用开发...

    基于jquery.masonry插件开发的瀑布流ajax动态加载数据功能

    2. **Ajax请求**:配置Ajax请求,包括URL、类型(GET或POST)、数据(如果需要发送到服务器的数据)、成功回调函数(处理返回的数据并添加到页面)和错误处理函数。 3. **数据处理**:在成功回调函数中,将服务器...

    Echarts通过Ajax实现动态数据加载

    ### Echarts通过Ajax实现动态数据加载 #### 一、引言 在现代Web开发中,数据可视化是一项重要的技能。Echarts作为一款强大的JavaScript图表库,因其丰富的图表类型、灵活的配置选项以及良好的交互性而备受开发者...

    Bootstrap进度条与AJAX后端数据传递结合使用实例详解

    Bootstrap进度条与AJAX后端数据传递结合使用是Web开发中常见的技术结合,通过Bootstrap进度条展示数据加载的进度,提高用户体验,AJAX技术则可以实现在页面不刷新的情况下与服务器进行数据交互。本文将详细介绍...

    实现ajax加载更多功能

    "实现Ajax加载更多功能"是Web开发中一种常见的优化用户体验的技术。它允许用户在不刷新整个页面的情况下,通过异步请求获取并加载更多的内容。这种技术尤其适用于新闻、博客、社交媒体和其他需要显示大量数据的网站...

    ajax大量数据分页

    在数据分页场景中,AJAX用于异步地从服务器获取分页数据,而无需重新加载整个页面。 分页插件如jQuery UI中的"pager"模块,或者独立的插件如"bootstrap-pager"、"jquery.pager.js"等,它们通常提供便捷的API来创建...

    使用ajax取得数据

    对于依赖Ajax加载内容的页面,需要考虑搜索引擎优化(SEO)和没有JavaScript的用户。一种解决方案是使用服务器端渲染,或者利用HTML5的`&lt;link rel="prefetch"&gt;`或`&lt;link rel="prerender"&gt;`标签预先加载数据。 综上...

    ajax调用数据

    Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。在Web开发中,Ajax被广泛用于实现页面的异步交互,提升用户体验。下面将详细阐述Ajax调用不同类型数据的...

    ASP.NET+jquery实现AJAX滚动滚动条加载数据的下拉列表控件

    在本示例中,我们将讨论如何结合jQuery和AJAX技术,实现在ASP.NET环境中,当用户滚动滚动条时,下拉列表控件自动加载更多数据的功能。 jQuery是一个流行的JavaScript库,它简化了DOM操作、事件处理以及Ajax交互。在...

    带搜索过滤ajax加载下拉框代码.zip

    "带搜索过滤ajax加载下拉框代码.zip"提供的解决方案正针对这一需求,它是一个基于jQuery的插件,旨在提升用户体验,使得在大型数据集中的选择和查找过程更加便捷。 首先,这个插件的核心功能是**搜索过滤**。它允许...

    ajax添加header整理

    在Web开发中,AJAX(Asynchronous JavaScript and XML)技术被广泛应用于实现网页的异步加载,即在不重新加载整个页面的情况下更新部分网页数据。而在AJAX请求中,Header(头部信息)的设置对于与服务器端进行有效的...

    php+pako+ajax压缩数据

    当我们需要处理大量数据时,如何高效地在服务器(PHP)与客户端(JavaScript)之间传递这些数据,成为了开发者面临的重要问题。"php+pako+ajax压缩数据"这个主题就是针对这种情况提出的一种解决方案,结合了PHP后端...

    H5移动端上滑加载,带ajax异步请求后台数据,拿来即用

    这种功能通常与Ajax异步请求后台数据相结合,实现无缝的数据加载。 一、H5移动端上滑加载原理 H5移动端上滑加载的核心在于监听用户的滚动事件,当用户滚动到页面底部时,触发一个函数,该函数通过Ajax发送请求至...

    下拉 上拉 ajax加载数据

    非常漂亮的下拉上拉加载数据 横向也可以拉动 涵不同的列子

    bootstrapTable+ajax加载数据 refresh更新数据

    在本文中,我们将深入探讨如何利用 BootstrapTable 结合 AJAX 实现动态加载数据,以及如何通过 refresh 方法更新表格内容。 首先,HTML 部分展示了基本的表单结构,包括日期选择器(`#calendar`)和下拉菜单(`#...

    ajax请求数据

    Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它的核心在于JavaScript的XMLHttpRequest对象,它允许我们与服务器进行异步数据交换,从而实现页面的局部...

    ajax+pako.js实现gzip数据压缩上传,解决post数据过长问题

    3. **创建FormData对象**:为了能够通过Ajax发送二进制数据,我们需要创建一个`FormData`对象,并将压缩后的数据添加到其中。 ```javascript var formData = new FormData(); formData.append('compressedData', ...

    Ajax将数据发送到后台进行局部刷新操作

    Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。这一技术使得网页具有更好的用户体验,因为用户不再需要等待整个页面重新加载,仅需等待与更新内容相关的...

Global site tag (gtag.js) - Google Analytics