【问题标题】:Simple AJAX Submit and update mysql简单的 AJAX 提交和更新 mysql
【发布时间】:2009-09-18 02:16:18
【问题描述】:

我被难住了,我正在扔掉我的代码,我需要关于跨浏览器 ajax 提交的帮助。 任何人都可以给我一个简单的工作 ajax 提交脚本来更新 mysql 吗?我的那个全坏了。

在 FF 和 Safarai (iphone) 中有效,但在 IE7 中存在缓存问题,在 IE8 中甚至无法提交。

【问题讨论】:

  • 有时每个人只需编写一个新脚本就更快更容易。大多数时候,如果他们花时间解释为什么不使用他们的脚本,很可能它已经无法修复(在合理的时间内)......

标签: php javascript mysql ajax


【解决方案1】:

您最好/最安全的选择是使用提供 AJAX 功能的库。您可以自行开发,但它可能不如库代码稳定或功能齐全。

例如,jQuery 支持 AJAX: http://jquery.com/

如果您决定自己动手,或者想了解更多关于 AJAX 的内容,请查看 w3schools 教程(其中包括示例 AJAX 代码):

http://www.w3schools.com/Ajax/ajax_intro.asp

【讨论】:

    【解决方案2】:

    好的,既然你想使用任何脚本,我将使用我最喜欢的一个 ExtJS

    <?php
    
    // Submit.php
    
    mysql_connect();
    $_POST['text'] = mysql_real_escape_string($_POST['text']);
    mysql_query("INSERT INTO comment(text) VALUES('{$_POST['text']}')");
    
    die('{sucess: true}');
    
    ========== form.html
    
    <html>
        <head>
            <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/ext-core/3/ext-core.js"></script>
            <script type="text/javascript">
                Ext.onReady(function(){
                    Ext.fly('form').on('submit', function(e){
                        e.preventDefault();
                        var t = Ext.fly('text').dom.value;
                        Ext.Ajax.request({
                           url: 'submit.php',
                           success: function(){ alert('ok!'); },
                           failure: function() { alert('nok!') ; }, 
                           params: { text: t }
                        });
                        return false;               
                    });         
                });     
            </script>
        </head>
        <body>
            <form id="form">
                <input id="text" type="text" name="text">
                <input type="submit">
            </form>
        </body>
    </html>
    

    【讨论】:

      【解决方案3】:

      您必须在您的请求网址中添加类似的内容,例如:?rand=someRandomTimeGeneratedWithJavasciptGreatJob

      确保..在你的按钮上是这样的......

      不要问我为什么这样有效,它就是这样。

      另外,拧 jqweery USE 原型->prototypejs.org

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2013-03-09
        • 1970-01-01
        • 2012-09-13
        • 2022-12-03
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2012-08-08
        相关资源
        最近更新 更多