如何使用javascript onclick触发mysql语句?

时间:2012-02-01 12:15:33

标签: javascript mysql

我面临的问题是,我希望每当有人点击竖起大拇指按钮时更新一条mysql记录,但我对javascript很新,所以如果有人能指出我正确的方向,那就太棒了。 / p>

如果有帮助,我的网站是使用php构建的。

非常感谢

5 个答案:

答案 0 :(得分:5)

单击时必须发送AJAX请求。在服务器端,应该有一个URL来监听这个请求&将相应地执行查询。

我讨厌从w3schools举个例子,但仍然有look at this

编辑:对于OP,您可以从示例中获取想法,但强烈建议不要使用GET请求。请参阅Crowdner的评论。

答案 1 :(得分:2)

您有两个选择,包括客户端部分和服务器端部分:

  1. 将表单发布到隐藏的iframe,其中“竖起大拇指”按钮是提交控件。无需JavaScript,只需将隐藏的iframe放在带有name的页面上,并将表单的target指向该名称即可。表单action将是记录点击的服务器页面。

  2. 让“竖起大拇指”触发JavaScript点击处理程序,该处理程序将ajax POST发送到记录点击的服务器页面。


  3. 旁注:如果您要进行大量客户端JavaScript编程,我强烈建议您花一些时间学习JavaScript和DOM。在不花费一点时间预先学习正确的东西的情况下随时随地捡起它会花费你很长时间。我还建议您使用一个好的库,例如jQueryPrototypeYUIClosureany of several others。当然,您可以使用自己的代码执行所有操作,但使用广泛使用的库可以利用其他人的工作,平滑浏览器差异并提供一些非常有用的实用程序功能。

答案 2 :(得分:1)

是的,它有助于你使用PHP。 Javascript无法访问MySQL数据库,因为JS是客户端而MySQL是服务器端,你将不得不使用AJAX来调用PHP脚本,这些脚本将完成其他工作,你可以使用jQuery.post函数。

http://api.jquery.com/jQuery.post/

答案 3 :(得分:1)

function updateSQL() {
   window.location.href = "update.php?id=1";
}

单击按钮时,您可以重定向同一页面并使用$ _GET,您可以验证发送的参数。然后你可以激活SQL查询。

答案 4 :(得分:1)

这样做的主要方式是通过AJAX。您可以使用AJAX调用异步调用服务器上的方法。所以在你的情况下PHP。

创建跨浏览器工作的AJAX调用可能是一项繁琐的工作。这就是为什么我推荐一个库而不是像jQuery(那是我熟悉的)。还有其他一些像Prototype,mootools等。

jQuery中的一个简单示例是:

// Your jQuery method

S('myLink').click(function() {
    $.ajax({
      url: 'ajax/test.html',
      success: function(data) {
        alert('The server replied: '+data);
      }
    });
}

<!-- In your html (no need for an onclick event, jQuery handles that for you) -->
<a href="#" id="myLink">Get data</a>

http://api.jquery.com/jQuery.ajax/