2011-05-14 76 views
1

我正在尝试构建一个jQuery功能,下面给出了这个场景。连接jQuery与SQL Server数据库

考虑到用户点击网站上的图片,jQuery对话框会弹出在页面上。对话框有一个文本字段,用于输入图像的“替代文字”。当用户点击提交按钮时,该页面的文本应该与图像的URL一起保存到我的中心网站的数据库中。

我已经能够得到jQuery的对话框工作(转到步骤和jQuery的步骤)用下面的代码http://pastebin.com/nxALvAPP

但我想帮助拯救“图片文字”和它的URL中数据库来自。如何做到这一点?我不是一个真正的职业球员。

感谢您的帮助!

回答

4

你必须将ajax请求拉到一个php页面,并将字段的值作为数据。看看http://api.jquery.com/jQuery.ajax/

你到目前为止,我不相信这会给你带来任何问题。

///////////////////

基本上你做的是:

一个点击事件添加到提交按钮:

$('#button_id').click(function(e) { 
    e.preventDefault(); 
    // button action 
}); 

这个动作中,你调用一个文件,并添加数据,例如:

$.ajax({ 
    url: "savetext.asp", 
    context: document.body, 
    data: 'title='+$('#title').val(), 
    success: function(){ 
    alert('ajax file called'); 
    } 
}); 

这将发送数据“吨至savetext.asp请求itle'(它具有id标题的输入字段的值)。我不确定什么是PHP的$ _REQUEST的等价物,但是这个参数(标题)通过URL发送到文件savetext.asp。

+0

嗯......我并没有完全得到它,我使用ASP.NET我中心网站及数据库。你能解释一下,我可以走了吗?谢谢! – Cipher 2011-05-14 13:19:32

+0

增加了一些信息 – 2011-05-14 13:23:47

2

jQuery没有任何设施与您的SQL Server进行交互。

你将不得不添加一个按钮或提交给一些中间件ASP.Net,经典的ASP甚至PHP的东西。

然后服务器端你接受jQuery发送的内容并发出一条sql语句来更新。

作为一个可怕可怕的例子:

$('#save-button').click(function() { 
var id = $('img.active-pic').data('id') // if using data-id="33" 
var altText = $('.alt-textbox').val() 

$.ajax({ 
    method: 'POST', 
    url: '/ASPNetApplication1/UpdateAltText.aspx', 
    data: { id: id, altText: altText } 
    success: function() { 
    alert("yeah it worked") 
    } 

} 
) 
} 
+1

在你的asp.net页面从Request.Form [“id”]等等的值。并建立一个SQL字符串(可能是最好的参数化),并调用sqlcommandexecute.nonquery()更新您的SQL DB - 显然这只是一个指针 – 2011-05-14 13:22:38