Question

我一直在网上搜索一段时间并尝试了很多修复，但我仍然无法使我的代码正常运行。当用户点击具有SubCategory类的链接时，我想通过 JavaScript AJAX 调用将该超链接传递到 php >。正在检测到click事件并且ajax调用返回成功alert，但是当我尝试访问php中的变量时，它表示$_POST数组为空。

我不明白为什么我无法访问我的php中的$_POST['send_link']变量。

以下是索引的一部分。 html ：

<table border="1" width=50%>
        <tr>
            <td><b>For Sale</b></td>
            <td><b>Services</b></td>
            <td><b>Jobs</b></td>
            <td><b>Country</b></td>
            <td><b>Locations</b></td>
        </tr>
        <tr>
            <td><a class = "SubCategory" href="FormData.php">Books</a></td>
            <td>Computer</td>
            <td>Full-Time</td>
            <td>USA</td>
            <td>Cupertino</td>              
        </tr>
        <tr>
            <td><a class = "SubCategory" href="FormData.php">Electronics</a></td>
            <td>Financial</td>
            <td>Part-Time</td>
            <td>India</td>
            <td>Mumbai</td>
        </tr>
        <tr>
            <td><a class = "SubCategory" href="FormData.php">Household</a></td>
            <td>Lessons</td>
            <td>Volunteering</td>
            <td>Sweden</td>
            <td>Stockholm</td>
        </tr>
    </table>

这是我的核心。 js

$( document ).ready(function() {
  $(".SubCategory").click(function(){
    var link =  $(".SubCategory").text();
$.ajax({
  type: 'POST',
  url: 'FormData.php',
  data: { send_link: link },
  async: false,
    success: function(data) { 
        alert("success ");

    },
    error: function (xmlHttpRequest, textStatus, errorThrown) {
         alert("fail");
    }
});
   });
  });

这是我的 FormData。 php

<?php
  // Connects to your Database 
  var_dump($_POST);
  if (isset($_POST['send_link'])) {
 var_dump($_POST['send_link']);
  }
  ?>

来自 Chrome 的请求：

Request URL:
http://localhost/pkanekal/FormData.php

Request Method:GET
Status Code:200 OK
200 OK
Request Headersview source

Accept:text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8

Accept-Encoding:gzip,deflate,sdch
Accept-Language:
en-US,en;q=0.8

Connection:keep-alive
Cookie:
PHPSESSID=mj74gqocdse6a59kun1b36ndl5

Host:localhost
Referer:
http://localhost/pkanekal/index.html

User-Agent:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/27.0.1453.116 Safari/537.36
Response Headersview source

Connection:Keep-Alive
Content-Length:
1303

Content-Type:text/html
Date:
Wed, 14 Aug 2013 20:31:36 GMT

Keep-Alive:timeout=5, max=99
Server:
Apache/2.4.4 (Unix) PHP/5.5.1 OpenSSL/1.0.1e mod_perl/2.0.8-dev Perl/v5.16.3

X-Powered-By:PHP/5.5.1

Answer 1

现在您需要更改选择器，因为您尝试选择每个.SubCategory

中的文字

var link = $(this).text();

您还需要阻止锚定点击的默认操作。（也可以将href更改为#，因为您直接在脚本中引用它。

$(".SubCategory").click(function(event){
 event.preventDefault();
// your code
});

AJAX没有将数据传递给php

1 个答案: