Ajax 加载数据问题

最新推荐文章于 2021-08-05 12:54:15 发布

原创最新推荐文章于 2021-08-05 12:54:15 发布 · 192 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Ajax

JS 专栏收录该内容

72 篇文章

订阅专栏

本文探讨了使用Ajax加载数据时遇到的问题，即外部定义的字符串变量无法正确接收数据。通过对比两种不同方法，展示了如何正确地将Ajax获取的数据插入到DOM元素中。

如下的 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方法体内部去加载数据。