使用具有唯一ID的ajax

时间:2015-03-15 10:07:30

标签: php jquery html ajax get

嘿伙计我需要在我的网站上使用ajax,但我不知道javascript。我正在构建我的第一个网站,我所知道的只是一些PHP和HTML / CSS。 无论如何,我需要的是使用GET方法发送到 different.php 一个ID,并且我已经完成该页面以显示响应的json。

"success":"true";
"success":"duplicate";
"success":"false",
"reason":"theReason";
"premium":"error";

这些是我能得到的回应。 我想要的是3种不同的行为,具体取决于消息。 我将用PHP编写,试图让它更清晰。

if(success == true OR duplicate){    
    // change div bg color: green;    
    // hideDiv after 0.2seconds;    (want to give time for users to see the green);    
}else if(success == false){    
    // change div bg color: red;
    // alert: "theReason";
}else{    
    // "premium":"error";    header('Location: page.php');
}

由于所有相关的Div都是从数据库加载的,因此可以轻松找到要发送到 different.php 的ID。我能做到

<div id="123">

如果它更容易或

<a href="different.php?id=123">Submit</a>

我知道这不是一个很好的问题,但我正在阅读有关AJAX的内容,而且我对此并不了解。

1 个答案:

答案 0 :(得分:1)

您可以使用jQuery。 1.下载jQuery: http://jquery.com/download/ 2.将您下载的脚本包含在您的网页中:

<script src='/path/to/downloaded/jquery'></script>
  1. 然后一切都取决于你希望你的ajax被执行的时间。我们假设您有一个应该加载数据的链接。然后你就可以这样做:
  2. HTML代码

    <a id='#mylink' data-id='123>My link</a>
    

    Javascript代码

    <script>
    $('#mylink').on('click', function() {
        $.get('different.php', {'id': $(this).attr('data-id')}, function(resonse) {
            // response variable contains your JSON from different.php script, so write here you JavaScript code that uses it
        });
    });
    </script>
    

    希望它有所帮助。