【发布时间】:2015-06-18 13:34:15
【问题描述】:
我正在尝试创建一个用于创建和编辑联系人详细信息的基本应用程序 - 目的是提高我的 JavaScript 技能。出于某种原因,我无法将变量数据从一个类传递到下一个类 - 我正在尝试实现类似于 MVC 的东西,只是为了在我转移到主干.js 之前开始
这是我的代码:
//App Model Class
var contactsAppModel =
{
contacts:contacts,
/* App Methods */
init: function()
{
var theDetails;
//initiate App - pull App data
$j.ajax({
type: "post",
url: "inc/contactsModel.php",
dataType: "html",
data: '',
beforeSend: function(url,data)
{
$j('#result').html('<img src="images/page-loader.gif" height="80px" width="80px">').fadeIn('slow');
},
success: function(data)
{
this.contacts = data;
return this.contacts;
}
});
//alert('From WithOut '+this.contacts);
}
};
//App Class
var contactsApp =
{
//App Properties
contactDetails:'',
/* App Methods */
init: function()
{
//populate App properties
this.contactDetails = contactsAppModel.contacts;
$j('#result').html('<p>Contact Details:</p>'+this.contactDetails).css({'border-color': 'red'}).fadeIn('slow');
alert('From contactsApp: '+this.contactDetails);
},
};
如何从 contactsApp 类中的 contactsAppModel 访问变量“data”的内容?我正在尝试实现和基于 OO 的解决方案来运行带有 AJAX 的 Javascript 驱动的应用程序 - 而不是一种功能方法。
【问题讨论】:
-
你能指出给你带来麻烦的一行吗?你到底想做什么?
-
作为一个广泛的猜测,我会说您需要等到您的 AJAX 请求解决后才能对结果执行任何操作。
-
尝试在你的 ajax 中添加一个 async: false
-
@Xufox 实际尝试给出解决方案而不是采取简单的方法会不会很痛苦?我整个早上都在尝试不同的“解决方案”,但没有成功……
标签: javascript oop