Javascript 点击链接发送$GET VAR-PHP&；AJAX_Javascript_Php_Ajax

Javascript 点击链接发送$GET VAR-PHP&；AJAX

javascript php ajax

Javascript 点击链接发送$GET VAR-PHP&；AJAX,javascript,php,ajax,Javascript,Php,Ajax,我想使用PHP和Ajax自动更新页面。现在我在一个页面上有这样的代码： <!doctype html> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> </head> <body> <a href="Page-Like.php?idSub=12&idCat=32" class="post">

我想使用PHP和Ajax自动更新页面。现在我在一个页面上有这样的代码：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<body>
<a href="Page-Like.php?idSub=12&idCat=32" class="post"><i class="fa fa-heart-o"></i></a>
</body>
</html>


无标题文件

当用户单击链接时，它会被重定向到另一个名为“page Like.php”的页面

include（“config.php”）；
//找内奸
$IDSUBLINAL=$\u GET[“IDSUBLINAL”]；
$idCategoria=$\u GET[“idCategoria”]；
//mysql\u查询（“插入评级…”（mysql插入查询）
回声“
location.href=\“AudioSubliminal.php？idpubliminal=$idpubliminal&idCategoria=$idCategoria\”；
";

我想要的是使用Ajax来完成此操作，以避免刷新页面。我知道我缺少javascript代码，但我想获得一些建议来完成此脚本

谢谢！

您只需要一个基本的ajax请求即可实现您的功能。请查看下面的示例请求

  function ajaxpr(){
        var URLString="idSub=12&idCat=32"; 
        ajax_request = $.ajax({
               type: 'GET',
               url: "Page-Like.php",
               data: URLString,
               dataType : 'html',
               context: $(this),
               success: function (msg) 
               {
                    //perform the required operation after success
                });

        }

在标记上单击添加函数。然后使用以下命令定义该函数：

$.ajax({
        type: 'GET',
        data: {idSub: "12", idCat: "32"},
        url: "Page-Like.php",
        dataType: 'JSON',
        success: function (response, textStatus, jqXHR) {
            //DEFINE FUNCTION HERE
        }
    });

这是在不刷新页面的情况下使用ajax功能。

您可以使用许多方法在自己的代码上实现ajax

其中一个是，另一个是，等等。取决于您知道或想要学习的库。

使用ajax加载页面很容易。请点击此链接

现在只需将事件侦听器置于loadDoc（）函数的运行位置即可。如果链接是动态的，则可以将参数解析为函数

但是，我注意到您的php中有一个js脚本，它将再次重定向到AudioSubliminal.php。如果这是您想要的流，那么就可以了。如果不是，您可以创建另一个函数

function loadAudioSubliminal(idSub, idCat) {
      var xhttp = new XMLHttpRequest();
      xhttp.onreadystatechange = function() {
        if (xhttp.readyState == 4 && xhttp.status == 200) {
         // Change this to your desired DOM tag
         document.body.innerHTML = xhttp.responseText;

        }
      };
      xhttp.open("GET", "AudioSubliminal.php?idSubliminal=" + idSub + "&idCategoria=" + idCat, true);
      xhttp.send();
    }

并修改loadDoc（）以接收参数，以便可以再次传递idSub和idCat。例如：

function loadDoc(idSub, idCat) {
    var xhttp = new XMLHttpRequest();
    if (xhttp.readyState == 4 && xhttp.status == 200) {
       // Change this to your desired DOM tag
       document.body.innerHTML = xhttp.responseText;

       // run the function after finished loading Page-like.php
       loadAudioSubliminal(idSub, idCat)
    }
    xhttp.open("GET", "Page-Like.php?idSub=" + idSub + "&idCat=" + idCat, true);
    xhttp.send();
}

您不应该使用PHP7中不推荐使用的mysql函数，并且您的代码可以接受sql注入。请阅读此处：

function loadAudioSubliminal(idSub, idCat) {
      var xhttp = new XMLHttpRequest();
      xhttp.onreadystatechange = function() {
        if (xhttp.readyState == 4 && xhttp.status == 200) {
         // Change this to your desired DOM tag
         document.body.innerHTML = xhttp.responseText;

        }
      };
      xhttp.open("GET", "AudioSubliminal.php?idSubliminal=" + idSub + "&idCategoria=" + idCat, true);
      xhttp.send();
    }

function loadDoc(idSub, idCat) {
    var xhttp = new XMLHttpRequest();
    if (xhttp.readyState == 4 && xhttp.status == 200) {
       // Change this to your desired DOM tag
       document.body.innerHTML = xhttp.responseText;

       // run the function after finished loading Page-like.php
       loadAudioSubliminal(idSub, idCat)
    }
    xhttp.open("GET", "Page-Like.php?idSub=" + idSub + "&idCat=" + idCat, true);
    xhttp.send();
}