Question

当我点击显示div的链接时，我想刷新div的数据。我找不到答案，即使有很多类似的答案。

所以我有：我有几个div，通过点击链接显示。

我有主页，我有：

<div id="#id">
<select id="list">
<?php inlucde('getlist.php'); //basically retrieves the options
</select>
</div>

在我的php文件中：

<?php
//basically getting connected to mysql, 
//and retrieve data from a table;
echo "<option> data </option>";
echo "<option> data </option>";
...
?>

这里的问题是，我要显示的数据在另一个中更新 div，我正在更新mysql中的数据，因为两个div都在同一页面上，更新的数据没有显示在列表中，当我刷新页面时，它显示。

所以我想要的是，当我点击链接显示列表时，我想在显示之前刷新列表。

我该怎么办？谢谢。

Answer 1

您想要的是在更改时刷新数据，这只能使用AJAX进行（无需页面刷新）。由于您已经标记了jquery，我建议您阅读$.ajax()。

长话短说：

var request = $.ajax({
  url: "script.php",     // your server script that will reply to your request.
  type: "POST",          // method used for your request.
  data: { id : menuId }, // data to pass to your server script.
  dataType: "html"       // the response type you expect from your server
});

request.done(function( msg ) {  // executed when you get a successful reply
  alert(msg);                   // your reply is inside msg variable
});

request.fail(function( jqXHR, textStatus ) {  // in case of an error this is being executed
  alert( "Request failed: " + textStatus );
});

request.always(function() {  // will always be executed after success or failure
  alert( "Request completed." )
});

Answer 2

使用我的

    formData = {
        id: $("#id");
    }
    $.ajax({
        type: 'GET',
        contentType: 'application/json',
        url: "getlist.php",
        dataType: "json",
        data: formData,
        success: function(data) {
            //success handling
        },
        error: function(data) {
            //error handling
        }
    });

点击时刷新div数据

2 个答案: