如何使用php,ajax和jQuery制作订阅按钮?
我完全不熟悉Ajax和jQuery,但是我试图为我的网站使用两个订阅按钮。如何使用php,ajax和jQuery制作订阅按钮?
现在我已经阅读了大部分的文档到Ajax和jQuery,并提出了一个小代码来做到这一点。
问题是,它不工作,我不能为我的生活看到为什么。
我点击订阅按钮,没有任何反应:
的subscribe.php脚本不运行,数据库没有更新,没有警报显示 - 就像我说的...没有任何反应
希望有人可以帮忙。
代码到目前为止
的jquery.js的页面,订阅按钮的顶部
<body> // Load official jQuery-library
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
// Load my own jQuery-script file
<script src="jQuery/jQuery.js"></script>
.
.
.
// Load all pages (videos.php, channel.php,...) as needed
</body>
// Code in my own jQuery.js
$(document).ready(function(){
"use strict";
$("#subscribe").click(function(subscribeData){
$.ajax({
type: "POST",
url:'../scripts/subscribe.php',
data:{randomStringUser:subscribeData},
dataType:'json',
success:function(data){
alert("You subscribed");// Do what you do after subscribe.php has done it's thing
// just to test I just put an alert here
},
error:function(){
alert("Didn't work");// Do what you do if mission failed
// just to test I just put an alert here
}
});
});
});
PHP(在保持在身体标记的开始所有其他网页的index.php加载)位于(即channel.php)和订阅按钮代码从Ajax的呼叫
<?php .
.
.
$randomStringUser = $_GET['channel'];
$subscribeData = json_encode($randomStringUser);
?>
// Page html
.
.
.
// Subscribe-button
<button type="button" class="btn btn-success" id="subscribe">
Subscribe
</button>
subscribe.php
<?php session_start();
$randomStringUser = $_POST['randomStringUser'];
// $_SESSION['id'] is set with users-id when user log in
// So if user logged in use that id as $subscriberID
if (isset ($_SESSION['id'])) {
$subscriberID = $_SESSION['id'];
}
"SELECT id FROM userinfo WHERE randomString = ? LIMIT 1" // using $randomStringUser as ?
// Use the id found in SELECT as $subscriptionID
"INSERT INTO usersubscription (subscriberID , subscriptionID) VALUES (? , ?)" // Using $subscriberID and $subscriptionID from above as ?
回答:
$.ajax
找不到,因为您引用的是一个slim版本的jQuery而不是整个库。
我建议你使用jQuery的完全压缩版本,这样你就可以充分发挥它的潜力。
尝试用以下替换您<script>
标签:
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="crossorigin="anonymous"></script>
以上是 如何使用php,ajax和jQuery制作订阅按钮? 的全部内容, 来源链接: utcz.com/qa/259445.html