使用具有唯一 ID 的 ajax

Question

大家好，我的网站上需要 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 但我不明白。

Answer 1

您可以使用 jQuery。 1.下载jQuery： http://jquery.com/download/ 2. 将您下载的脚本添加到您的网页中：

<script src='/path/to/downloaded/jquery'></script>

那么这一切都取决于你希望你的 ajax 何时被执行。假设您有一个 link 应该加载您的数据。然后你可以这样做：

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>

希望对您有所帮助。

使用具有唯一 ID 的 ajax

Using ajax with unique ids

html

php

ajax

jquery

get