Question

逻辑是，点击div.buttons将隐藏并获得第二种形式：将日期保存到mysql ..问题在于：1）我必须从按钮保存抓取名称或值：问题没有刷新页面。我尝试用ajax发送日期到PHP，用js的GET或POST方法...按钮采用mysql并在php中回显如下：
PHP：foreach ($res as $row) { echo '<tr><td><button id="pupShow" name="'.$row["ID"].'">'.$row["SubjectName"].'</button> </td></tr>'; }

$("button#pupShow").click(function () { $("div.pupInput").show("slow"); $("div.showMarks").toggle("slow"); $("div.lessons").toggle("slow"); alert(this.name); // $GLOBALS['myglob'] = this.name; // window.location.href ="subID.php?subID="+this.name; // return false;
这是js我处理点击按钮
任何帮助？
我着眼于将第一个按钮转换为选定的按钮。所以我可以从php中获取它们的名字，但它会破坏我的视觉效果......

Answer 1

所以你想提交一些数据而不刷新页面？既然你正在使用jQuery，你可以这样做：

$.post("test.php", {name: "Mathematics"}).done(function(data) {
    console.log("Response loaded: " + data);
});

Answer 2

如果您不想重新加载页面，那么您可以尝试：

foreach ($res as $row) {
        echo '<tr><td><button id="pupShow" name="'.$row["ID"].'" onclick="return false;">'.$row["SubjectName"].'</button> </td></tr>';
   }

或

$("button#pupShow").click(function (el) {
   el.preventDefault();

   var data = 'nume=' + el.val()

   $.ajax({
       url: "subID.php",
       type: "POST",
       data: data,
       cache: false,
       success: function (html) {
           if (html) {
               // animations here
               alert('Success! Form submitted');
           } else{
               alert('Error! Please try again');
           }
       }
   });

我没有测试它，但它应该可以帮助你理解函数的外观。

php + JS按钮值保存

2 个答案: