jQuery Ajax 发送到同一页面答案

【问题标题】：jQuery Ajax send to the same pagejQuery Ajax 发送到同一页面
【发布时间】：2015-04-24 12:14:01
【问题描述】：

我想弄清楚当我没有为它定义 url 时 jQuery Ajax 是如何工作的。所以它应该将数据发送到ajax所在的同一页面。 ajax 完成后如何获取例如“GET”数据？

<script type="text/javascript">
$(document).ready(function() {
    $(".idoszak").change(function() {
        var idoszak=$(this).val();
        var dataString = 'idoszak='+ idoszak;

        $.ajax({
            type: "GET", // or POST
            url: "statisztika.php", //The page where is also this script
            data: dataString,
            cache: false,
            success: function(html) {
                ???
            } 
        });

    });
});

现在是php：

    <select name="idoszak" class="idoszak">
        <option value="felev">Félév</option>
        <option value="evvege">Évvége</option>
      </select>
<div id="statisztika">
.
.
.
<?
        $katlag = mysqli_query ($link, "SELECT jegy FROM jegyek WHERE `jegyek`.`osztaly` = '$osztaly' AND `jegyek`.`piros` = '0' AND datum = '$idoszak'");
                $katlagok = mysqli_num_rows($katlag);
?>
.
.
.
</div>

【问题讨论】：

无法理解这里的问题。你能详细说明吗？如果load 是问题，请尝试$('#statisztika').html(html)
问题是我想在不刷新页面的情况下刷新#statisztika div 中的 mysqli_queries，为此我想要一个选择更改事件，它将选择的值放入一个变量，然后是 mysqli_queries运行正确的（选择值）日期，因为在 mysqli_ 查询中我有“...WHERE date = '$variable'...”
php文件的url是什么？你的ajax应该有url参数url: 'your_file_name.php?'+datastring
不，因为如果我没有 'url:' 用于 ajax，它应该发送当前页面的数据，我无法实时获取这些数据，因为如果我定义 $idoszak = $_GET['idoszak']; ajax 运行，但 $idoszak 没有价值，所以查询运行没有它。
val() 应该可以工作。发布您选择的标记。

标签： php jquery ajax mysqli

【解决方案1】：

这是正在发生的事情：

您在地址栏中输入 URL（或点击链接或类似内容）
您的浏览器向该 URL 发出请求
服务器将响应发送回浏览器
浏览器呈现页面
你触发了一些 JavaScript
JavaScript 让浏览器向相同的 URL 发出 Ajax 请求（嗯，几乎相同的 URL：您更改了查询字符串）
服务器将响应发送回浏览器
浏览器使响应可用于 JavaScript

您似乎期望第 8 步是浏览器将在第 4 步呈现的页面替换为基于第 7 步中的数据的页面。那不会发生。

所发生的只是响应对 JavaScript 可用。

该响应的主体将位于成功函数的html 变量中。

如果您想更改用户在页面中看到的内容，则必须编写 JavaScript 来操作页面的 DOM（可以使用来自 html 变量的数据）。

【讨论】：