首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何将其转换为AJAX函数

如何将其转换为AJAX函数
EN

Stack Overflow用户
提问于 2011-07-09 03:20:04
回答 4查看 102关注 0票数 1

目前我有一个表单按钮,当点击它重新加载页面并发布数据,然后运行一个mySQL命令,这工作查找,但我需要立即显示数据,而不是再次刷新,我可以在查询后重新加载页面,但这会耗尽我的资源。我试着阅读有关AJAX的资料,但是我不能理解它(或者让它工作!)

有人能告诉我怎么做吗?我现在的代码是...

代码语言:javascript
复制
    elseif(isset($_POST['int1'])) {
        $interest = $_POST['int1']; 
        $qResult= mysql_query("DELETE from user_interests WHERE interest = '" . mysql_real_escape_string($interest) . "' and user_id = " . $usersClass->userID());
        if(! $qResult )
            {
              die('Could not delete data: ' . mysql_error());
            }    
    }
    if($interest1 != ''){
        print $interest1 . "<form method='post' action='#'><input type='hidden' value='".$interest1."' name='int1' id='int1'/><input type='submit' value='delete' /></form><br />";
    }
EN

回答 4

Stack Overflow用户

发布于 2011-07-09 03:30:12

如果您刚开始使用AJAX,我建议您使用jQuery --它将为您提供跨浏览器的一切工作。

代码语言:javascript
复制
$('#id_of_your_submit_button').click(function(e){
    $.ajax({
       type: "GET",
       url: "where_you_put_your_php.php",
       data: "some_info=" + $('#your_input_or_whatever'),
       success: function(msg){
             $('#id_of_where_you_want_info_to_go').html(msg);
       }
    });
    e.preventDefault(); // Tell submit button not refresh page
});

然后,您的表单信息(数据)将位于您放置$_GET['some_info']的文件中的一个名为PHP的变量中。echo出您想要返回到文档的内容,它将出现在您希望信息所在位置的ID中(请参阅代码中的名称。)

票数 1
EN

Stack Overflow用户

发布于 2011-07-09 03:30:09

尝试浏览此页面http://roshanbh.com.np/2008/04/ajax-login-validation-php-jquery.html ...我认为这正是您现在所需要的。如果你有任何困惑,请在这里回复。

票数 0
EN

Stack Overflow用户

发布于 2011-07-09 03:36:56

首先:阅读一下如何在你的网页中实现jQuery。

然后,您可以使用jQuery框架来处理ajax查询。

首先,像这样创建一段代码:

代码语言:javascript
复制
<?php
if(isset($_POST['ajax'])){
    //Your code goes here
}
?>

然后,创建一个Ajax函数:

代码语言:javascript
复制
$('#submit_button_id').click(function(){
    jQuery.post('/webpage.php',{
        'ajax' : true
    },function(data){
        //Stuff for your page to do when your page call loads.
    },'html'
});

jQuery在他们的网站上有很多文档,所以你应该很容易弄清楚如何使用它。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/6629374

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档