javascript - 评分按钮，一键传参执行php

Question

我在工作时不知何故卡住了：

我想将一个参数传递给一个 php 文件，并在我们评价某事时执行它。php 文件已完成，但不知道如何编写 js 部分。

详细地，

1. 用户对一段文章评分，js 获得评分；------ 获取参数，存入函数Rate()，完成

2. 用户提交时；------ 不知道如何检查按钮是否被点击，在Rate()中添加DomListener？

3. js 调用 php 文件，同时将 rating 参数传递给它；------ php部分完成

4. 执行 php 文件而不在新窗口中打开它。-----不知道该怎么办。

HTML

<div>
  <form id="rateform" action="php/rate.php" enctype="text/form-data" method="POST"> 
    <input id="rating" type="text" />
    <input id="sbm" type="button" />
  </form>
</div>

JS

function Rate(){
  var rate = document.getElementById("rating").value;
  var sbm = document.getElementById("sbm");

  // don't know how to do...

  //if(sbm is clicked) {
  //   execute rate.php...
  //}
}

提前谢谢。

Answer 1

这是我在 jQuery 中的做法（比处理XMLHttpRequest对象更好）：

$('#sbm').click(function() {
    var rating = $('#rating').val();

    /* Send request to PHP script. */
    $.post('/url/to/script', { rating: rating }, function(resp) {
        console.log('Response:', resp);
    });
});

你的 php 脚本可能是这样的：

<?php echo 'Hey, I got this rating ' . $_POST['rating']; ?>

不过，我不是 PHP 人！