我的ajax代码无法将值发送到其他php页面

时间:2016-07-13 18:00:00

标签: javascript php ajax

我测试了我的update.php文件,它完美无缺,当我通过控制台检查脚本时没有任何错误。这里只有问题。 Ajax无法向update.php文件发送值“id”“comment_area”。这里的错误是什么?

<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.6.2.min.js">
$(document).ready(function() {
  $("#b_news").submit(function(evt) {
    evt.preventDefault();

    var text = $('#breaking_news_text').val();
    var id = 21;
    $.ajax({
      type: "POST",
      url: "update.php",
      data: {
        comment_area: text,
        id: id
      },
      success: function() {
        alert("sucess");
      }
    });
  });
});



</script>

<form id="b_news" method="post" action="">
  <div>
    <div>
      <textarea id="breaking_news_text" class="breaking_news_text" rows="6" cols="50" placeholder="Add text here..." required></textarea>
    </div>
  </div>
  <div>

    <input type="button" id="save" value="Save Changes" />

  </div>
</form>

<?php 
include("./inc/connect.inc.php");

$id=$_POST['id'];
$update = $_POST['comment_area'];
$sql = "update comments set comment_area='$update' Where id='$id'";
$result = mysqli_query($mysqli, $sql)or die("error");

     


?>

2 个答案:

答案 0 :(得分:0)

在我看来,由于其类型,您的按钮根本无法提交表单。 尝试更改按钮的type属性以这种方式提交:

<input  type="submit" id="save" value="Save Changes"/>

答案 1 :(得分:0)

你有两个问题。

首先每个脚本元素只能有一个脚本。该脚本可以由src属性引用,也可以在开始和结束标记之间。

如果您尝试同时执行这两项操作,则只会尊重src

为两个脚本使用单独的<script>元素。

其次,您无法触发提交事件。提交表单将在提交表单时触发,但您无法通过textarea或按钮执行此操作。用提交按钮替换按钮。