在不重新加载 Javascript/Ajax 的情况下更新 mysql答案

【问题标题】：UPDATE mysql without reloading Javascript/Ajax在不重新加载 Javascript/Ajax 的情况下更新 mysql
【发布时间】：2017-04-27 10:18:34
【问题描述】：

此代码运行良好，但仅在页面刷新时更新。如果有人知道如何使用 Ajax/js 做同样的事情。

我的php代码：

 <?php

 if (isset($_POST['place_bet'])) //IF BUTTON HAS BEEN PRESSED   {

   if ($_POST['bet_value'] <= $balance && $_POST['bet_value'] > 0) //BET VALUE MUST BE POSITIVE AND < OR = THAN BALANCE
   {
       $req = $bdd->prepare('UPDATE users SET balance=:newbalance');
       $req->execute(array(
       'newbalance' => $balance - $_POST['bet_value'],
       )); 
   } else {
       //VALUE NOT ACCEPTED
      }
}
?>

我的html代码：

<input type="text" class="css-input"  id="bet_value" value="0"> //TEXT BOX
<div class="btn-play" onclick="MyFunction()" name="place_bet">Bet</div>

Js：

function MyFunction(){
$.ajax(.........................

}

【问题讨论】：

您可以简单地更新success上的相应字段。
$.ajax(......................... — 您需要阅读有关使用该功能的介绍性指南。

标签： php ajax pdo

【解决方案1】：

试试这个

$.ajax({
    url: 'http://yourphpfile.php',
    type: 'POST',
    data: {place_bet: yourVariable},
    success: function (data) {
        $("#divToRefresh").html(data)


    }

});

小心你的 php 必须返回一个 HTML 视图，该视图将被插入到$("#divToRefresh")

【讨论】：

如何返回 html 视图？
在 php 文件中插入 HTML 代码，如 echo '<p> Hello world </p>';。