如何将数据库中的数据插入到Jquery脚本中

时间:2012-03-27 10:27:34

标签: c# jquery asp.net database

我正在开发一个ASP.NET / C#Web应用程序。 我正在写一个Jquery脚本。 我想知道从SQL数据库向脚本添加数据的最佳方法是什么。 这是一个快速示例,显示了我想要做的事情:

假设我有一个像这样的数据库

Name           Color
------------+---------------+
Tom            FF0000              
Kate           00FF00               
John           0000FF    

在我的脚本中,我想这样做:

$(function(){
    $('#main').Picture({
        colors: {Tom:'#FF0000', Kate:'#00FF00', John:'#0000FF'}
    });
});

颜色应该是数据库中的红色而不是硬编码。

在我的代码中将颜色插入正确位置的最佳方法是什么?我应该在文字控件中执行它并从后面的代码中注入脚本吗?

另一个例子:

$('#location').html('Here we put the text that I got from the database');

感谢您的帮助

2 个答案:

答案 0 :(得分:1)

建议的场景:通常像以前一样从SQL数据库中获取数据,然后将数据填充到您选择的任何Web控件中(我更喜欢在这种情况下使用HiddenField),然后您可以使用隐藏字段Javascript / jQuery代码。

示例: 以下是为了解决此问题需要遵循的步骤:

1-在页面中使用正确的ID创建一个asp:HiddenField控件(例如:' hfMyData ')。

2-在您的c#代码中,从您的数据库中获取数据:

var mydata = // code to get the data from your Database

3-用您的数据填写HiddenField值:

hfMyData.value = mydata;

4-在您的jQuery代码Ready()函数中,使用与此类似的代码:

var myDatabaseData = $("#hfMyData").val();

5-现在您拥有了数据库中的数据(myDatabaseData),可以根据需要使用它。

答案 1 :(得分:0)

我过去所做的事情(虽然它有点快速和肮脏),是在页面上创建一个公共属性,然后使用<% %>标签在jQuery中调用它。这样你就可以通过DB调用在后面的代码中设置属性,然后根据需要将它们拉出来。

不是很可扩展,但对我需要的场景(需要推特手柄)效果很好。